@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&family=Inter:wght@300;400;500&display=swap";:root{--bg-color: #0d0d12;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--accent-blue: #4a90e2;--accent-purple: #8e44ad;--font-main: "Outfit", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background:radial-gradient(circle at top right,rgba(142,68,173,.15) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(74,144,226,.1) 0%,transparent 40%),linear-gradient(135deg,#0d0d12,#1a1a2e);color:var(--text-primary);font-family:var(--font-main);height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:4vh 0}#app{width:94%;height:100%;max-width:none;padding:0;display:flex;flex-direction:column;justify-content:space-between}.header{text-align:center;display:flex;flex-direction:column;gap:4px;margin-bottom:2vh;position:relative}.quick-access{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;gap:16px}.icon-btn{width:52px;height:52px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.icon-btn:hover{background:#ffffff1a;transform:translateY(-4px);border-color:#ffffff4d}.icon-copilot-small{background-image:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899);mask:url(https://raw.githubusercontent.com/microsoft/fluentui-system-icons/master/assets/Copilot/SVG/ic_fluent_copilot_24_filled.svg) no-repeat center;-webkit-mask:url(https://raw.githubusercontent.com/microsoft/fluentui-system-icons/master/assets/Copilot/SVG/ic_fluent_copilot_24_filled.svg) no-repeat center;mask-size:28px;-webkit-mask-size:28px}.header-datetime{font-size:1.2rem;font-weight:300;color:var(--text-secondary);letter-spacing:.5px}.header-title{font-size:3.2rem;font-weight:400;letter-spacing:-1px}.dashboard-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:24px;flex:1;max-height:60vh}.col-1,.col-2,.col-3{display:flex;flex-direction:column;gap:24px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:36px;padding:24px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;overflow:hidden}.card:hover{transform:scale(1.02);border-color:#ffffff4d;box-shadow:0 10px 40px #0006}.card-home{flex:3.5;background:linear-gradient(135deg,#1e3a8a,#2563eb);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #2563eb4d;position:relative;overflow:hidden}.card-home:before{content:"";position:absolute;top:40%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 60%);transform:rotate(-15deg);border-radius:50%;filter:blur(40px)}.card-home h2{font-size:2.2rem;font-weight:600;z-index:1}.card-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff6;background:#ffffff05}.card-topic{flex:1;border:2px solid #60a5fa;box-shadow:0 0 20px #60a5fa4d,inset 0 0 20px #60a5fa1a;background:#1e293b66;padding:20px 32px 32px}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-tag{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;display:inline-block}.card-page{font-size:.8rem;color:var(--text-secondary)}.card-topic h3{font-size:1.2rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.news-summary{font-size:.9rem;margin-top:12px;line-height:1.5;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-footer-info{position:absolute;bottom:24px;left:24px;font-size:.7rem;color:#ffffff4d;display:flex;align-items:center;gap:4px}.card-conversation,.card-economy{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.conversation-content{margin:12px 0}.eng-sentence{font-size:1.15rem;font-weight:500;color:#60a5fa;margin-bottom:4px}.kor-translation{font-size:.95rem;color:var(--text-primary);opacity:.9}.explanation{font-size:.8rem;line-height:1.5;color:var(--text-secondary);border-top:1px solid var(--card-border);padding-top:12px;margin-top:auto}.card-quote{flex:1;display:flex;align-items:center;padding:30px}.card-quote p{font-size:1.1rem;line-height:1.4;font-weight:400}.card-conversation h3,.card-economy h3{font-size:1.2rem;font-weight:600;margin-top:8px}.card-conversation p,.card-economy p{font-size:.85rem;color:var(--text-secondary)}.card-wallpaper{background-color:#0d0d12;background-image:linear-gradient(to bottom,#0003,#000000d9),url(/wallpaper.png);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-start;padding-top:40px}.card-wallpaper h2{font-size:1.6rem;margin-bottom:12px;line-height:1.1}.card-wallpaper p{font-size:.9rem;color:#fffc}.footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:2vh}.footer-bixby{display:flex;align-items:center;gap:16px;font-size:1.1rem;color:#ffffffb3}.btn-setup{background:#ffffff14;border:1px solid var(--card-border);color:#fff;padding:8px 18px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .3s}.btn-setup:hover{background:#ffffff26;transform:translateY(-2px)}.footer-fineprint{width:100%;text-align:right;font-size:.65rem;color:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeIn .8s ease-out forwards}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr 1fr;height:auto}}@media (max-width: 600px){.dashboard-grid{grid-template-columns:1fr}}