@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Google Sans",system-ui,sans-serif}.theme-light{--page-bg:#f0f4ff;--sphere-1:radial-gradient(circle at 50% 50%,#a78bfa 0%,#7c3aed 40%,transparent 70%);--sphere-2:radial-gradient(circle at 50% 50%,#38bdf8 0%,#06b6d4 40%,transparent 70%);--glass-bg:hsla(0,0%,100%,.55);--glass-bg-strong:hsla(0,0%,100%,.78);--glass-bg-soft:hsla(0,0%,100%,.32);--glass-border:hsla(0,0%,100%,.8);--glass-border-soft:hsla(0,0%,100%,.5);--glass-shadow:0 8px 32px rgba(124,58,237,.08),inset 0 1px 0 hsla(0,0%,100%,.9);--glass-shadow-lg:0 24px 60px -10px rgba(124,58,237,.18),inset 0 1px 0 hsla(0,0%,100%,.9);--txt-1:#1a1a2e;--txt-2:#64748b;--txt-3:#94a3b8;--accent-1:#7c3aed;--accent-2:#06b6d4;--accent-grad:linear-gradient(135deg,#7c3aed,#06b6d4);--accent-grad-soft:linear-gradient(135deg,rgba(124,58,237,.18),rgba(6,182,212,.18));--sep:hsla(0,0%,100%,.6);--sep-line:rgba(124,58,237,.08);--success:#059669;--warning:#d97706;--error:#dc2626;--bubble-out:linear-gradient(135deg,rgba(124,58,237,.92),rgba(76,29,149,.92));--bubble-out-border:rgba(167,139,250,.4);--bubble-in:hsla(0,0%,100%,.72);--bubble-in-border:hsla(0,0%,100%,.6)}.theme-dark{--page-bg:#080b14;--sphere-1:radial-gradient(circle at 50% 50%,#7c3aed 0%,#4c1d95 45%,transparent 70%);--sphere-2:radial-gradient(circle at 50% 50%,#06b6d4 0%,#0e7490 45%,transparent 70%);--glass-bg:rgba(15,20,40,.6);--glass-bg-strong:rgba(20,26,48,.78);--glass-bg-soft:rgba(15,20,40,.35);--glass-border:hsla(0,0%,100%,.08);--glass-border-soft:hsla(0,0%,100%,.05);--glass-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.06);--glass-shadow-lg:0 24px 60px -10px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.08);--txt-1:#f0f4ff;--txt-2:#8892b0;--txt-3:#57617d;--accent-1:#a78bfa;--accent-2:#22d3ee;--accent-grad:linear-gradient(135deg,#a78bfa,#22d3ee);--accent-grad-soft:linear-gradient(135deg,rgba(167,139,250,.2),rgba(34,211,238,.2));--sep:hsla(0,0%,100%,.05);--sep-line:hsla(0,0%,100%,.06);--success:#34d399;--warning:#fbbf24;--error:#f87171;--bubble-out:linear-gradient(135deg,rgba(124,58,237,.88),rgba(76,29,149,.88));--bubble-out-border:rgba(167,139,250,.3);--bubble-in:hsla(0,0%,100%,.06);--bubble-in-border:hsla(0,0%,100%,.08)}.frame-m{width:390px;height:844px}.frame-d,.frame-m{background:var(--page-bg);color:var(--txt-1);font:400 16px/1.5 var(--font);position:relative;overflow:hidden;letter-spacing:-.01em}.frame-d{width:1440px;height:900px}.frame-web{width:1200px;height:800px;background:var(--page-bg);color:var(--txt-1);font:400 16px/1.5 var(--font);position:relative;overflow:hidden}.aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.aurora:after,.aurora:before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform}.aurora:before{width:360px;height:360px;top:-100px;left:-80px;background:var(--sphere-1);animation:float1 38s ease-in-out infinite}.aurora:after{width:400px;height:400px;bottom:-120px;right:-100px;background:var(--sphere-2);animation:float2 46s ease-in-out infinite}.frame-d .aurora:before{width:720px;height:720px;top:-200px;left:-160px}.frame-d .aurora:after{width:820px;height:820px;bottom:-240px;right:-200px}@keyframes float1{0%,to{transform:translate(0) scale(1) rotate(0deg)}33%{transform:translate(60px,80px) scale(1.1) rotate(40deg)}66%{transform:translate(-40px,120px) scale(.95) rotate(-20deg)}}@keyframes float2{0%,to{transform:translate(0) scale(1) rotate(0deg)}33%{transform:translate(-80px,-60px) scale(1.15) rotate(-30deg)}66%{transform:translate(80px,-100px) scale(.9) rotate(20deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.96)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.content-layer{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.glass,.glass-strong{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.glass-soft{background:var(--glass-bg-soft);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border:1px solid var(--glass-border-soft)}.t-display{font:700 28px/1.15 var(--font);letter-spacing:-.5px;color:var(--txt-1)}.t-title{font:600 20px/1.25 var(--font);letter-spacing:-.02em}.t-sub,.t-title{color:var(--txt-1)}.t-sub{font:500 15px/1.4 var(--font)}.t-body{font:400 16px/1.5 var(--font);color:var(--txt-1)}.t-cap{font:400 12px/1.4 var(--font)}.t-cap,.t-micro{color:var(--txt-2)}.t-micro{font:400 11px/1.3 var(--font);opacity:.7}.txt-2{color:var(--txt-2)}.txt-3{color:var(--txt-3)}.grad-txt{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ios-status{height:47px;padding:14px 26px 0;display:flex;align-items:center;justify-content:space-between;font:600 15px/1 var(--font);color:var(--txt-1);letter-spacing:-.01em;flex-shrink:0}.ios-status .ios-right{display:flex;align-items:center;gap:6px}.ios-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:134px;height:5px;background:var(--txt-1);opacity:.35;z-index:5}.btn,.ios-home{border-radius:100px}.btn{height:56px;padding:0 24px;font:600 16px/1 var(--font);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0;letter-spacing:-.01em;width:100%;position:relative}.btn-grad{background:var(--accent-grad);color:#fff;box-shadow:0 12px 32px -8px rgba(124,58,237,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.btn-glass{background:var(--glass-bg);color:var(--txt-1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.btn-ghost{background:transparent;color:var(--txt-2)}.btn-sm{height:40px;font-size:14px;padding:0 16px}.btn-xs{height:32px;font-size:13px;padding:0 12px}.input{height:56px;padding:0 20px;border-radius:16px;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--txt-1);font:400 16px/1 var(--font);width:100%;outline:none;letter-spacing:-.01em}.input.focused{border-color:var(--accent-1);box-shadow:var(--glass-shadow),0 0 0 3px rgba(124,58,237,.15)}.input::-moz-placeholder{color:var(--txt-3)}.input::placeholder{color:var(--txt-3)}.av{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:600 16px/1 var(--font);position:relative;flex-shrink:0;letter-spacing:-.02em;border:1.5px solid var(--glass-border);box-shadow:0 4px 12px rgba(0,0,0,.12)}.av-32{width:32px;height:32px;font-size:13px}.av-40{width:40px;height:40px;font-size:15px}.av-48{width:48px;height:48px;font-size:17px}.av-56{width:56px;height:56px;font-size:19px}.av-80{width:80px;height:80px;font-size:28px}.av-96{width:96px;height:96px;font-size:34px}.av-120{width:120px;height:120px;font-size:42px}.av-24{width:24px;height:24px;font-size:11px;border-width:1px}.av-h1{background:linear-gradient(135deg,#7c3aed,#06b6d4)}.av-h2{background:linear-gradient(135deg,#ec4899,#a855f7)}.av-h3{background:linear-gradient(135deg,#06b6d4,#10b981)}.av-h4{background:linear-gradient(135deg,#f97316,#ef4444)}.av-h5{background:linear-gradient(135deg,#3b82f6,#7c3aed)}.av-h6{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.av-h7{background:linear-gradient(135deg,#fbbf24,#f97316)}.av-h8{background:linear-gradient(135deg,#a855f7,#ec4899)}.av-online{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#06b6d4);border:2px solid var(--page-bg)}.av-online-sm{width:10px;height:10px;bottom:0;right:0}.bubble{max-width:80%;padding:12px 16px;border-radius:20px;font:400 16px/1.45 var(--font);position:relative;word-wrap:break-word;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);letter-spacing:-.005em}.bubble-in{background:var(--bubble-in);border:1px solid var(--bubble-in-border);color:var(--txt-1);border-bottom-left-radius:4px}.bubble-out{background:var(--bubble-out);border:1px solid var(--bubble-out-border);color:#fff;border-bottom-right-radius:4px;box-shadow:0 8px 24px -10px rgba(124,58,237,.4)}.bubble-meta{display:flex;align-items:center;gap:4px;font:400 11px/1 var(--font);color:var(--txt-2);opacity:.6;margin-top:4px;padding:0 6px}.bubble-out+.bubble-meta{justify-content:flex-end;color:var(--txt-2)}.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:100px;font:600 11px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border-soft);color:var(--txt-1)}.pill-grad{background:var(--accent-grad);color:#fff;border-color:transparent}.pill-success{background:rgba(16,185,129,.18);color:var(--success);border-color:rgba(16,185,129,.3)}.pill-error{background:rgba(220,38,38,.18);color:var(--error);border-color:rgba(220,38,38,.3)}.pill-warning{background:rgba(217,119,6,.18);color:var(--warning);border-color:rgba(217,119,6,.3)}.pill-violet{background:rgba(124,58,237,.15);color:var(--accent-1);border-color:rgba(124,58,237,.25)}.pill-gold{background:hsla(39,55%,62%,.18);color:#b8965a;border-color:hsla(39,55%,62%,.35)}.pill-sm{height:22px;padding:0 8px;font-size:10px}.pill-tap{cursor:pointer}.theme-dark .pill-violet{color:#c4b5fd}.theme-dark .pill-gold{color:#fcd34d}.toggle{width:50px;height:30px;border-radius:100px;background:var(--glass-bg);border:1px solid var(--glass-border);position:relative;flex-shrink:0;cursor:pointer;backdrop-filter:blur(10px)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.18s}.toggle.on{background:var(--accent-grad);border-color:transparent}.toggle.on:after{left:25px}.dots{display:flex;gap:6px}.dots .dot{width:6px;height:6px;border-radius:100px;background:var(--glass-bg);border:1px solid var(--glass-border);transition:.2s}.dots .dot.active{width:24px;background:var(--accent-grad);border-color:transparent}.divider{height:1px;background:var(--sep-line);width:100%}.row{align-items:center}.col,.row{display:flex}.col{flex-direction:column}.between{justify-content:space-between}.between,.center{display:flex;align-items:center}.center{justify-content:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.flex-1{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-header{padding:8px 20px 12px;display:flex;gap:12px;position:relative;z-index:2}.glass-pill,.m-header{align-items:center;flex-shrink:0}.glass-pill{width:40px;height:40px;border-radius:100px;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);display:inline-flex;justify-content:center;color:var(--txt-1);cursor:pointer}.glass-pill-wide{width:auto;padding:0 14px;gap:6px}.botnav{position:absolute;left:16px;right:16px;bottom:16px;height:72px;background:var(--glass-bg-strong);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border);border-radius:36px;box-shadow:var(--glass-shadow-lg);padding:0 8px;z-index:4}.botnav,.botnav-tab{display:flex;align-items:center}.botnav-tab{flex:1;flex-direction:column;justify-content:center;gap:2px;color:var(--txt-2);font:500 10px/1 var(--font);letter-spacing:.02em;opacity:.55;height:100%;position:relative}.botnav-tab.active{opacity:1;color:var(--accent-1)}.botnav-tab.active:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px}.botnav-fab,.botnav-tab.active:before{border-radius:100px;background:var(--accent-grad)}.botnav-fab{width:64px;height:64px;margin:-22px 6px 0;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px -8px rgba(124,58,237,.55),inset 0 1px 0 hsla(0,0%,100%,.35);color:#fff;position:relative;flex-shrink:0}.botnav-fab:after{content:"";position:absolute;inset:-2px;border-radius:100px;border:1.5px solid var(--page-bg);pointer-events:none}.input-dock{position:absolute;left:12px;right:12px;bottom:12px;z-index:4}.input-dock-pill{gap:8px;padding:8px 8px 8px 18px;background:var(--glass-bg-strong);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);border-radius:28px}.input-dock-pill,.send-btn{display:flex;align-items:center}.send-btn{width:40px;height:40px;border-radius:100px;background:var(--accent-grad);justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 6px 16px -4px rgba(124,58,237,.5)}.anno{position:absolute;font:500 11px/1.3 var(--font);color:var(--accent-2);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:6px;pointer-events:none;z-index:6}.anno:before{content:"";width:18px;height:1px;background:var(--accent-2)}.scroll{overflow-y:auto}.scroll-x{overflow-x:auto}.scroll-x::-webkit-scrollbar,.scroll::-webkit-scrollbar{display:none}*{scrollbar-width:none}.wave{display:inline-flex;align-items:center;gap:2px;height:24px}.wave span{display:block;width:2.5px;border-radius:100px;background:currentColor;opacity:.9}.d-sidebar{width:280px;border-right:1px solid var(--glass-border);height:100%}.d-rightpanel,.d-sidebar{background:var(--glass-bg-strong);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:2}.d-rightpanel{width:300px;border-left:1px solid var(--glass-border)}.stamp{padding:12px 14px;background:linear-gradient(135deg,hsla(44,92%,85%,.65),hsla(44,92%,85%,.4));border:1.5px dashed rgba(180,83,9,.45);border-radius:14px;display:flex;align-items:center;gap:12px;color:#78350f;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.theme-dark .stamp{background:linear-gradient(135deg,rgba(180,83,9,.18),rgba(180,83,9,.08));color:#fcd34d;border-color:rgba(252,211,77,.35);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.stamp .stamp-name{font:600 13px/1.2 var(--font)}.stamp .stamp-level{font:600 10px/1 var(--font);text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-top:4px}.stamp:after{content:"";position:absolute;top:-10px;right:-10px;width:60px;height:60px;border-radius:50%;border:1.5px solid;opacity:.18;transform:rotate(-12deg)}.qr-frame{width:200px;height:200px;border-radius:28px;padding:16px;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(6,182,212,.08));border:1px solid var(--glass-border);display:flex}.kbd,.qr-frame{align-items:center;justify-content:center}.kbd{display:inline-flex;height:18px;padding:0 5px;border-radius:4px;background:var(--glass-bg);border:1px solid var(--glass-border-soft);font:500 10px/1 var(--font);color:var(--txt-2)}.fab-hint{border-radius:100px;border:2px solid var(--accent-1);opacity:0;animation:pulse-ring 2s ease-out infinite}.burst,.fab-hint{position:absolute;pointer-events:none}.burst{inset:-20px}.burst span{position:absolute;width:4px;height:4px;border-radius:100px;background:var(--accent-2);opacity:.8}