*{box-sizing:border-box}:root{--brand: #3b6ef6;--brand-2: #5b8cf7;--brand-dark: #2f59d6;--brand-soft: #eef3ff;--brand-grad: linear-gradient(135deg, #4f7ef7 0%, #6a8efb 100%);--ink: #1f2a44;--ink-2: #46536b;--gray: #8793a6;--gray-2: #aab3c4;--line: #e9edf5;--line-2: #eff2f8;--surface: #ffffff;--surface-2: #f6f8fc;--bg: #f3f6fc;--header-bg: rgba(255, 255, 255, .85);--chat-bg: linear-gradient(180deg, #fbfcff 0%, #f7f9ff 100%);--card-grad: linear-gradient(160deg, #ffffff 0%, #f5f8ff 100%);--body-bg: radial-gradient(1200px 600px at 100% -10%, #e9f0ff 0%, transparent 55%), radial-gradient(1000px 500px at -10% 110%, #eaf6ff 0%, transparent 50%), var(--bg);--ok: #2bb673;--r-sm: 10px;--r: 14px;--r-lg: 18px;--r-xl: 22px;--pill: 999px;--sh-sm: 0 1px 2px rgba(31, 42, 68, .06);--sh: 0 2px 6px rgba(31, 42, 68, .06), 0 8px 24px rgba(31, 42, 68, .06);--sh-lg: 0 10px 34px rgba(31, 42, 68, .1);--ring: 0 0 0 4px rgba(79, 126, 247, .18)}html,body{height:100%}body{margin:0;font-family:Pretendard,Malgun Gothic,system-ui,-apple-system,sans-serif;background:var(--body-bg);background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.01em;transition:background-color .3s ease,color .3s ease}*{scrollbar-width:thin;scrollbar-color:#d4dbe8 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#d4dbe8;border-radius:99px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#c2cbdd;background-clip:content-box}:root{--content-w: 1200px;--gutter: 22px}.app{height:100vh;display:flex;flex-direction:column}.main{width:100%;max-width:var(--content-w);margin:0 auto;flex:1;display:flex;gap:var(--gutter);padding:var(--gutter);min-height:0}.topbar{padding:12px 0;background:var(--header-bg);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-inner{width:100%;max-width:var(--content-w);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--brand-grad);color:#fff;box-shadow:0 6px 16px #4f7ef766}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.brand-tag{font-size:12px;color:var(--gray);margin-top:2px}.topnav{display:flex;gap:6px}.topnav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--gray);font-size:11px;font-weight:600;padding:8px 14px;border-radius:var(--r);transition:background .15s,color .15s}.topnav a:hover{background:var(--brand-soft);color:var(--brand-dark)}.topnav a.has-dot:after{content:"";position:absolute;top:7px;right:18px;width:7px;height:7px;border-radius:50%;background:#ff5d5d;border:2px solid var(--surface)}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;width:38px;height:38px;border-radius:var(--r);display:grid;place-items:center;margin-right:4px;box-shadow:var(--sh-sm);transition:background .15s,color .15s,transform .12s}.theme-toggle:hover{background:var(--brand-soft);color:var(--brand)}.theme-toggle:active{transform:scale(.94)}.sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column}.menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.menu-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--r);color:var(--ink-2);font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,transform .12s}.menu-label{flex:1}.menu-item .menu-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface);color:var(--gray);box-shadow:var(--sh-sm);transition:background .15s,color .15s}.menu-item:hover{background:var(--surface);box-shadow:var(--sh-sm)}.soon{font-size:10.5px;font-weight:700;color:var(--gray);background:var(--surface-2);border:1px solid var(--line);padding:2px 7px;border-radius:var(--pill)}.menu-item.active .soon{display:none}.menu-item:hover .menu-ic{color:var(--brand)}.menu-item.active{background:var(--brand-grad);color:#fff;box-shadow:0 10px 22px #4f7ef759}.menu-item.active .menu-ic{background:#ffffff38;color:#fff;box-shadow:none}.help-card{margin-top:auto;background:var(--card-grad);border:1px solid var(--line);border-radius:var(--r-xl);padding:22px 20px;text-align:center;box-shadow:var(--sh)}.help-illust{width:52px;height:52px;margin:0 auto 12px;display:grid;place-items:center;border-radius:16px;background:var(--brand-soft);color:var(--brand)}.help-card strong{display:block;margin-bottom:6px;font-size:15px;color:var(--ink)}.help-card p{margin:0 0 16px;font-size:12.5px;color:var(--gray);line-height:1.55}.help-btn{width:100%;padding:11px;border:none;border-radius:12px;background:var(--brand-grad);color:#fff;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 6px 16px #4f7ef74d;transition:transform .12s,box-shadow .15s,filter .15s}.help-btn:hover{filter:brightness(1.05);box-shadow:0 8px 20px #4f7ef76b}.help-btn:active{transform:translateY(1px)}.chat-panel{flex:1;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--sh-lg);min-height:0;overflow:hidden}.chat-top{display:flex;align-items:center;gap:13px;padding:16px 22px;border-bottom:1px solid var(--line-2);background:var(--surface)}.chat-top-title{flex:1}.chat-top-title h2{margin:0;font-size:16px;font-weight:800}.chat-top-title p{margin:3px 0 0;font-size:12px;color:var(--gray)}.chat-top-title .online{color:var(--ok);font-weight:600;font-size:10px;vertical-align:1px}.more{border:none;background:none;color:var(--gray-2);cursor:pointer;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;transition:background .15s,color .15s}.more:hover{background:var(--brand-soft);color:var(--brand)}.bot-avatar{position:relative;width:38px;height:38px;border-radius:50%;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:var(--sh-sm)}.bot-avatar img{width:100%;height:100%;object-fit:cover}.bot-avatar.lg{width:46px;height:46px;overflow:visible}.bot-avatar.lg img{border-radius:50%}.status-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--ok);border:2.5px solid var(--surface)}.chat{flex:1;overflow-y:auto;padding:24px 22px;display:flex;flex-direction:column;gap:18px;background:var(--chat-bg)}.row{display:flex;gap:10px;max-width:80%;animation:rise .28s cubic-bezier(.2,.8,.2,1)}.row.bot{align-self:flex-start}.row.user{align-self:flex-end}.bubble-wrap{display:flex;flex-direction:column;min-width:0}.row.user .bubble-wrap{align-items:flex-end}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bubble{padding:13px 16px;border-radius:18px;font-size:14px;line-height:1.65;word-break:break-word}.bubble.bot{background:var(--surface);border:1px solid var(--line);border-top-left-radius:6px;color:var(--ink);box-shadow:var(--sh-sm)}.bubble.user{background:var(--brand-grad);color:#fff;border-top-right-radius:6px;white-space:pre-wrap;box-shadow:0 6px 16px #4f7ef747}.time{font-size:11px;color:var(--gray-2);margin:5px 4px 0}.read{color:var(--brand)}.typing{display:inline-flex;gap:5px;align-items:center;padding:2px 0}.typing span{width:7px;height:7px;border-radius:50%;background:var(--gray-2);animation:blink 1.3s infinite ease-in-out both}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.bubble.markdown>:first-child{margin-top:0}.bubble.markdown>:last-child{margin-bottom:0}.bubble.markdown p{margin:7px 0}.bubble.markdown h1,.bubble.markdown h2,.bubble.markdown h3{font-size:14.5px;margin:13px 0 6px;color:var(--ink);font-weight:800}.bubble.markdown ul,.bubble.markdown ol{margin:6px 0;padding-left:20px}.bubble.markdown li{margin:4px 0}.bubble.markdown li::marker{color:var(--brand)}.bubble.markdown strong{color:var(--brand-dark);font-weight:700}.bubble.markdown a{color:var(--brand);text-underline-offset:2px}.bubble.markdown code{background:var(--brand-soft);color:var(--brand-dark);padding:1px 6px;border-radius:6px;font-size:12.5px}.examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 22px 2px}.examples-label{font-size:12px;font-weight:700;color:var(--gray);margin-right:2px;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:5px}.examples-label:hover{color:var(--brand-dark)}.examples-label .chev{font-size:8px;color:var(--gray-2)}.examples button{background:var(--surface);color:var(--ink-2);border:1px solid var(--line);border-radius:var(--pill);padding:8px 15px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--sh-sm);transition:transform .12s,border-color .15s,color .15s,background .15s}.examples button:hover{background:var(--brand-soft);color:var(--brand-dark);border-color:#cdddfd;transform:translateY(-1px)}.examples button:disabled{opacity:.5;cursor:default;transform:none}.inputbar{display:flex;align-items:center;gap:10px;padding:16px 22px 10px}.inputbar input{flex:1;padding:14px 18px;border:1px solid var(--line);border-radius:var(--pill);font-size:14px;outline:none;background:var(--surface-2);color:var(--ink);transition:border-color .15s,background .15s,box-shadow .15s}.inputbar input::placeholder{color:var(--gray-2)}.inputbar input:focus{border-color:var(--brand);background:#fff;box-shadow:var(--ring)}.inputbar button{width:46px;height:46px;flex-shrink:0;border:none;border-radius:50%;background:var(--brand-grad);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px #4f7ef759;transition:transform .12s,filter .15s}.inputbar button:hover{filter:brightness(1.06)}.inputbar button:active{transform:scale(.94)}.inputbar button:disabled{background:#c3d2f7;box-shadow:none;cursor:default}.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:11.5px;color:var(--gray);margin:0;padding:2px 22px 16px}.secure-note svg{color:var(--gray-2)}@media(max-width:820px){:root{--gutter: 14px}.sidebar{display:none}.main{gap:0}.brand-tag{display:none}.row{max-width:90%}.chat-panel{border-radius:var(--r-lg)}.app{height:100dvh}.chat{padding:14px;gap:13px}.examples{flex-wrap:nowrap;overflow-x:auto;padding:9px 14px 1px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.examples::-webkit-scrollbar{display:none}.examples-label,.examples button{flex:0 0 auto}.quickpick{padding:4px 14px 0}.inputbar{padding:10px 14px 8px}.secure-note{padding:2px 14px 9px;font-size:11px}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:var(--pill);font-size:13.5px;font-weight:600;box-shadow:var(--sh-lg);z-index:50;animation:toast-in .25s cubic-bezier(.2,.8,.2,1)}.toast svg{color:var(--brand-2)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.chat-panel,.chat-top,.bubble.bot,.menu-ic,.examples button,.help-card,.theme-toggle,.inputbar input,.topbar{transition:background-color .3s ease,background .3s ease,border-color .3s ease,color .3s ease}:root[data-theme=dark]{--ink: #e8ecf4;--ink-2: #b4bed1;--gray: #8893a6;--gray-2: #69748a;--line: #29313f;--line-2: #222a37;--surface: #171d29;--surface-2: #10151f;--bg: #0e121b;--brand-soft: #1b2740;--header-bg: rgba(18, 23, 33, .82);--chat-bg: linear-gradient(180deg, #12171f 0%, #0f131c 100%);--card-grad: linear-gradient(160deg, #1b2230 0%, #141a26 100%);--body-bg: radial-gradient(1200px 600px at 100% -10%, #14213f 0%, transparent 55%), radial-gradient(1000px 500px at -10% 110%, #102031 0%, transparent 50%), var(--bg);--sh-sm: 0 1px 2px rgba(0, 0, 0, .45);--sh: 0 2px 6px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45);--sh-lg: 0 12px 36px rgba(0, 0, 0, .55);--ring: 0 0 0 4px rgba(91, 140, 247, .25)}:root[data-theme=dark] .bubble.user{box-shadow:0 6px 18px #00000073}:root[data-theme=dark] .toast{background:#28303f;border:1px solid var(--line)}:root[data-theme=dark] .soon{background:#1d2430}@media(prefers-reduced-motion:reduce){.row,.typing span,.toast{animation:none}}.inputbar .mic-btn{width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--brand);display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh-sm);transition:transform .12s,color .15s,background .15s,border-color .15s}.inputbar .mic-btn:hover{background:var(--brand-soft);border-color:#cdddfd}.inputbar .mic-btn:active{transform:scale(.94)}.inputbar .mic-btn:disabled{opacity:.5;cursor:default}.inputbar .mic-btn.on{background:#fdecec;color:#e0483f;border-color:#f6c5c2;animation:mic-pulse 1.1s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #e0483f59}50%{box-shadow:0 0 0 7px #e0483f00}}.bubble-meta{display:flex;align-items:center;gap:8px;margin-top:3px}.tts-btn{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--gray);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.tts-btn:hover{color:var(--brand);border-color:#cdddfd;background:var(--brand-soft)}.wcards{display:flex;flex-direction:column;gap:9px;margin-top:9px}.wcard{background:var(--card-grad);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;box-shadow:var(--sh-sm)}.wcard-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.wcard-title{font-weight:700;font-size:13.5px;color:var(--ink);margin-right:2px}.wcard-badge{font-size:11px;font-weight:600;color:var(--brand-dark);background:var(--brand-soft);border-radius:var(--pill);padding:2px 9px}.wcard-badge.alt{color:#1f9d63;background:#e6f7ee}:root[data-theme=dark] .wcard-badge.alt{color:#5ed99a;background:#133225}.wcard-line{margin:3px 0;font-size:12.5px;color:var(--ink-2);line-height:1.5}.wcard-line b{color:var(--gray);font-weight:700;margin-right:5px;font-size:11.5px}.wcard-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px}.wcard-toggle{border:none;background:none;color:var(--brand);cursor:pointer;font-size:12px;font-weight:700;padding:0}.wcard-call{display:inline-flex;align-items:center;gap:5px;background:var(--brand-grad);color:#fff;text-decoration:none;font-size:12px;font-weight:700;padding:6px 12px;border-radius:var(--pill);box-shadow:0 4px 12px #4f7ef74d}.wcard-call:active{transform:scale(.96)}.wcard-link{font-size:12px;font-weight:600;color:var(--ink-2);text-decoration:none;border-bottom:1px dashed var(--gray-2)}.quickpick{padding:6px 22px 0}.quickpick-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--ink-2);border:1px solid var(--line);border-radius:var(--pill);padding:7px 14px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:var(--sh-sm);transition:background .15s,color .15s,border-color .15s}.quickpick-toggle:hover,.quickpick-toggle.on{background:var(--brand-soft);color:var(--brand-dark);border-color:#cdddfd}.quickpick-toggle .chev{font-size:9px;color:var(--gray-2)}.quickpick-panel{margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}.quickpick-regions{display:flex;gap:8px}.quickpick-region{flex:1;min-width:0;padding:10px 12px;font-size:13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);outline:none;cursor:pointer}.quickpick-region:focus{border-color:var(--brand);box-shadow:var(--ring)}.quickpick-cats{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.quickpick-cats button{background:var(--surface);color:var(--ink-2);border:1px solid var(--line);border-radius:var(--pill);padding:7px 13px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .12s}.quickpick-cats button:hover{background:var(--brand-soft);color:var(--brand-dark);border-color:#cdddfd;transform:translateY(-1px)}.quickpick-cats button:disabled{opacity:.5;cursor:default;transform:none}.quickpick-hint{margin:9px 0 0;font-size:11.5px;color:var(--gray)}