:root{--bg: #07040c;--bg-elevated: #12081a;--surface: rgba(22, 12, 32, .88);--surface-solid: #16101f;--border: rgba(199, 82, 255, .28);--border-soft: rgba(255, 255, 255, .08);--text: #f4eef8;--text-muted: #9a8aa8;--magenta: #c752ff;--magenta-hot: #e078ff;--cyan: #00e5ff;--danger: #ff5c8a;--radius: 14px;--radius-sm: 10px;--glow: 0 0 48px rgba(199, 82, 255, .22);--font-display: "Syne", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--duration-press: 70ms;--duration-hover: .12s;--duration-ui: .18s;--duration-panel: .32s;--duration-enter: .42s;--duration-toast: 2.4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--hover-lift: -1px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}.app-root{width:100%;height:100%;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--magenta-hot);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.auth-page{width:100%;height:100%;min-height:0;display:grid;place-items:center;padding:clamp(1.25rem,4vh,3rem) clamp(1rem,3vw,2rem);position:relative;overflow:auto;isolation:isolate;background:var(--bg)}.auth-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.auth-backdrop--quiet .auth-orb{opacity:.32}.auth-backdrop--quiet .auth-orb--a{animation:orb-orbit-a 52s linear infinite,orb-chroma-a 16s ease-in-out infinite}.auth-backdrop--quiet .auth-orb--b{animation:orb-orbit-b 68s linear infinite,orb-chroma-b 22s ease-in-out infinite}.auth-backdrop--quiet .auth-orb--c{animation:orb-orbit-c 60s linear infinite,orb-chroma-c 18s ease-in-out infinite}.auth-backdrop--quiet .auth-fx-vignette{opacity:.8}.auth-fx{position:absolute;inset:0;z-index:1;overflow:hidden}.auth-fx-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(199,82,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.05) 1px,transparent 1px);background-size:48px 48px;transform:perspective(600px) rotateX(12deg) scale(1.2);transform-origin:center top;opacity:.55;animation:fx-grid-drift 28s linear infinite;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%)}.auth-fx-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 3px);opacity:.35;mix-blend-mode:multiply;animation:fx-scan-roll 9s linear infinite}.auth-fx-noise{position:absolute;inset:-10%;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;animation:fx-noise-jitter .35s steps(2) infinite}.auth-fx-streak{position:absolute;height:1px;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),rgba(199,82,255,.8),transparent);filter:blur(.4px);opacity:0}.auth-fx-streak--a{top:22%;left:-10%;animation:fx-streak 5.5s ease-in-out infinite}.auth-fx-streak--b{top:68%;right:-10%;width:34%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.75),rgba(255,255,255,.4),transparent);animation:fx-streak 7.2s ease-in-out 1.4s infinite}.auth-fx-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 75% 65% at 50% 45%,transparent 35%,rgba(0,0,0,.55) 100%)}@keyframes fx-grid-drift{0%{background-position:0 0,0 0}to{background-position:0 48px,48px 0}}@keyframes fx-scan-roll{0%{transform:translateY(0)}to{transform:translateY(3px)}}@keyframes fx-noise-jitter{0%{transform:translate(0)}50%{transform:translate(-1.5%,1%)}to{transform:translate(1%,-1%)}}@keyframes fx-streak{0%,70%,to{opacity:0;transform:translate(0)}78%{opacity:.9}88%{opacity:.15;transform:translate(55vw)}}@media(prefers-reduced-motion:reduce){.auth-fx-grid,.auth-fx-scan,.auth-fx-noise,.auth-fx-streak{animation:none!important}}.auth-orb{position:absolute;border-radius:50%;filter:blur(64px);transform:translateZ(0);mix-blend-mode:screen}.auth-orb--a{width:min(62vw,560px);height:min(62vw,560px);left:-12%;top:0%;background:#c752ff;opacity:.55;animation:orb-orbit-a 22s cubic-bezier(.45,.05,.55,.95) infinite}.auth-orb--b{width:min(56vw,500px);height:min(56vw,500px);right:-14%;bottom:-4%;background:#7a2cff;opacity:.5;animation:orb-orbit-b 28s cubic-bezier(.4,.1,.6,.9) infinite}.auth-orb--c{width:min(46vw,400px);height:min(46vw,400px);left:38%;bottom:-16%;background:#00e5ff;opacity:.35;animation:orb-orbit-c 18s cubic-bezier(.37,0,.63,1) infinite}@keyframes orb-orbit-a{0%{transform:translateZ(0) scale(1) rotate(0)}25%{transform:translate3d(28%,22%,0) scale(1.18) rotate(40deg)}50%{transform:translate3d(8%,48%,0) scale(.88) rotate(90deg)}75%{transform:translate3d(-10%,18%,0) scale(1.1) rotate(200deg)}to{transform:translateZ(0) scale(1) rotate(360deg)}}@keyframes orb-orbit-b{0%{transform:translateZ(0) scale(1.05) rotate(0)}30%{transform:translate3d(-32%,-24%,0) scale(.9) rotate(-50deg)}55%{transform:translate3d(-18%,16%,0) scale(1.22) rotate(-120deg)}80%{transform:translate3d(12%,-10%,0) scale(.95) rotate(-220deg)}to{transform:translateZ(0) scale(1.05) rotate(-360deg)}}@keyframes orb-orbit-c{0%{transform:translateZ(0) scale(.9);opacity:.28}40%{transform:translate3d(-18%,-42%,0) scale(1.35);opacity:.55}70%{transform:translate3d(22%,-18%,0) scale(1.05);opacity:.4}to{transform:translateZ(0) scale(.9);opacity:.28}}@keyframes orb-chroma-a{0%{filter:blur(72px) hue-rotate(0deg) saturate(1.15)}33%{filter:blur(72px) hue-rotate(55deg) saturate(1.35)}66%{filter:blur(80px) hue-rotate(-40deg) saturate(1.2)}to{filter:blur(72px) hue-rotate(0deg) saturate(1.15)}}@keyframes orb-chroma-b{0%{filter:blur(72px) hue-rotate(0deg) saturate(1.1)}50%{filter:blur(88px) hue-rotate(140deg) saturate(1.4)}to{filter:blur(72px) hue-rotate(360deg) saturate(1.1)}}@keyframes orb-chroma-c{0%{filter:blur(64px) hue-rotate(0deg) saturate(1.3)}40%{filter:blur(76px) hue-rotate(-90deg) saturate(1.5)}75%{filter:blur(70px) hue-rotate(50deg) saturate(1.2)}to{filter:blur(64px) hue-rotate(0deg) saturate(1.3)}}@media(prefers-reduced-motion:reduce){.auth-orb{animation:none!important;will-change:auto;mix-blend-mode:normal}.auth-orb--a{filter:blur(72px);opacity:.45}.auth-orb--b{filter:blur(72px);opacity:.4}.auth-orb--c{filter:blur(72px);opacity:.3}}.auth-card{--mx: 50%;--my: 28%;--glow: 0;--glass-radius: calc(var(--radius) + 6px);position:relative;z-index:2;isolation:isolate;width:min(520px,100%);padding:clamp(1.35rem,2.5vh,1.85rem) clamp(1.35rem,2.5vw,1.85rem) 1.35rem;border-radius:var(--glass-radius);overflow:hidden;transition:width var(--duration-ui) var(--ease-out)}.auth-card>*{position:relative;z-index:2}.auth-card>.glass-specular,.auth-card>.glass-rim{z-index:1}.auth-card--wide{width:min(640px,100%)}@keyframes glass-breathe{0%,to{box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0f,inset -1px 0 #ffffff08,0 8px 28px #00000052,0 0 0 1px #ffffff0f,0 0 28px #c752ff1f}50%{box-shadow:inset 0 1px #ffffff73,inset 0 -1px #ffffff0f,inset 1px 0 #ffffff1f,inset -1px 0 #ffffff0f,0 12px 40px #00000061,0 0 0 1px #ffffff24,0 0 56px #c752ff52,0 0 96px #00e5ff1f}}@keyframes glass-breathe-cyan{0%,to{box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff08,0 8px 28px #00000052,0 0 0 1px #ffffff0f,0 0 28px #00e5ff1f}50%{box-shadow:inset 0 1px #ffffff7a,inset 0 -1px #ffffff0f,0 12px 40px #00000061,0 0 0 1px #ffffff24,0 0 56px #00e5ff4d,0 0 96px #c752ff24}}@keyframes glass-rim{0%,to{opacity:.65;filter:hue-rotate(0deg) saturate(1)}50%{opacity:1;filter:hue-rotate(18deg) saturate(1.25)}}@keyframes glass-rim-cyan{0%,to{opacity:.65;filter:hue-rotate(0deg) saturate(1)}50%{opacity:1;filter:hue-rotate(-24deg) saturate(1.3)}}@keyframes glass-specular{0%,to{background-position:130% 30%;opacity:.55}45%{background-position:-10% 70%;opacity:.95}70%{background-position:40% 20%;opacity:.7}}@media(prefers-reduced-motion:reduce){.auth-card{transform:none!important}}.auth-card .field input{background:#08040e6b;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f}.auth-card .field input:focus{border-color:#e078ff8c;background:#08040e8c;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #c752ff40}.auth-brand{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem}.brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(145deg,var(--magenta),#7a2cff);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:.95rem;color:#fff;flex-shrink:0}.brand-name{font-family:var(--font-display);font-weight:800;letter-spacing:.01em;font-size:.95rem}.auth-tabs{display:flex;gap:1.25rem;margin-left:auto;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.auth-tabs button{background:none;border:none;color:var(--text-muted);padding:.2rem 0;border-bottom:2px solid transparent}.auth-tabs a{color:var(--text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.auth-tabs a:hover{color:var(--text)}.auth-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.65rem,3.6vw,2.1rem);letter-spacing:-.02em;text-transform:lowercase;margin:0 0 .35rem}.auth-session-ended{margin:0 0 .85rem;padding:.45rem .65rem;border-left:2px solid var(--magenta);color:var(--text-muted);font-size:.78rem;letter-spacing:.04em}.auth-subtitle{margin:0 0 .35rem;color:var(--text);font-family:var(--font-display);font-weight:800;font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.02em;text-transform:lowercase;line-height:1.25}.auth-lede{margin:0 0 1.15rem;color:var(--text-muted);font-size:.85rem;line-height:1.4}.auth-swap{position:relative}.auth-swap--out-left{animation:swap-out-left .2s ease forwards;pointer-events:none}.auth-swap--out-right{animation:swap-out-right .2s ease forwards;pointer-events:none}.auth-swap--in-left{animation:swap-in-from-right var(--duration-ui) var(--ease-out) forwards}.auth-swap--in-right{animation:swap-in-from-left var(--duration-ui) var(--ease-out) forwards}@keyframes swap-out-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-18px,0,0)}}@keyframes swap-out-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(18px,0,0)}}@keyframes swap-in-from-right{0%{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes swap-in-from-left{0%{opacity:0;transform:translate3d(-18px,0,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.auth-swap--out-left,.auth-swap--out-right,.auth-swap--in-left,.auth-swap--in-right{animation:none!important}}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field label{font-size:.68rem;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.field input{background:#00000059;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .85rem;outline:none}.field input:focus{border-color:var(--magenta-hot);box-shadow:0 0 0 1px #c752ff59}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:520px){.field-row{grid-template-columns:1fr}}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.25rem 0 1.1rem;font-size:.78rem}.remember{display:flex;align-items:center;gap:.45rem;color:var(--text-muted)}.remember input{accent-color:var(--magenta)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;border:none;border-radius:var(--radius-sm);padding:.85rem 1rem;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-magenta{background:var(--magenta);color:#1a0524}.btn-magenta:hover:not(:disabled){background:var(--magenta-hot)}.btn-cyan{background:var(--cyan);color:#042028}.btn-cyan:hover:not(:disabled){filter:brightness(1.08)}.auth-error{color:var(--danger);font-size:.78rem;margin:0 0 .75rem}.auth-hint{color:var(--text-muted);font-size:.75rem;margin:.75rem 0 0;line-height:1.4}.auth-footer{margin-top:1.25rem;text-align:center;font-size:.68rem;color:var(--text-muted);letter-spacing:.04em}.shell{--mx: 72%;--my: 35%;--glow: 0;position:relative;isolation:isolate;width:100%;height:100%;display:block;background:var(--bg);overflow:hidden}.shell>.auth-backdrop{z-index:0}.shell:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 60% at 12% 18%,rgba(199,82,255,.16),transparent 55%),radial-gradient(ellipse 70% 50% at 88% 78%,rgba(0,229,255,.11),transparent 50%),radial-gradient(ellipse 50% 40% at 55% 45%,rgba(120,40,180,.08),transparent 60%);animation:shell-wash-chroma 28s ease-in-out infinite}@keyframes shell-wash-chroma{0%{filter:hue-rotate(0deg) saturate(1)}33%{filter:hue-rotate(40deg) saturate(1.2)}66%{filter:hue-rotate(-35deg) saturate(1.1)}to{filter:hue-rotate(0deg) saturate(1)}}.shell-frame{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.glass-host{--glass-radius: var(--radius);--glass-blur: 16px;--glass-sat: 160%;--glass-fill-top: rgba(255, 255, 255, .1);--glass-fill-mid: rgba(255, 255, 255, .035);--glass-fill-bot: rgba(18, 8, 28, .45);--mx: 50%;--my: 28%;--glow: 0;--rx: 0deg;--ry: 0deg;--tz: 0px;position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;border-radius:var(--glass-radius);background:linear-gradient(155deg,var(--glass-fill-top) 0%,var(--glass-fill-mid) 42%,var(--glass-fill-bot) 100%);background-clip:padding-box;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff0a,0 12px 36px #00000052,0 0 0 1px #ffffff14;transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transform-origin:center center}.glass-host[data-glass=light]{--glass-blur: 12px;--glass-sat: 150%;--glass-fill-top: rgba(255, 255, 255, .12);--glass-fill-mid: rgba(255, 255, 255, .04);--glass-fill-bot: rgba(18, 8, 28, .32)}.glass-host[data-glass=medium]{--glass-blur: 16px;--glass-sat: 165%}.glass-host[data-glass=dense]{--glass-blur: 20px;--glass-sat: 175%;--glass-fill-top: rgba(255, 255, 255, .08);--glass-fill-mid: rgba(255, 255, 255, .03);--glass-fill-bot: rgba(14, 6, 22, .62)}.glass-wet{position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(255,255,255,.18),transparent 48%);opacity:.85}.glass-noise{position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.glass-specular{position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(255,255,255,.32),rgba(224,120,255,.1) 36%,transparent 64%);mix-blend-mode:soft-light;opacity:var(--glow);transition:opacity var(--duration-panel) var(--ease-out)}.glass-rim{position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;padding:1px;background:linear-gradient(145deg,#ffffff8c,#c752ff47 35%,#ffffff0f 50%,#00e5ff40,#ffffff59);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75}.glass-host>:not(.glass-wet):not(.glass-noise):not(.glass-specular):not(.glass-rim){position:relative;z-index:2}.reader.glass-host>.reader-toolbar{z-index:30;overflow:visible}.reader.glass-host>.reader-body,.reader.glass-host>.reader-empty{z-index:1}.topbar.glass-host{--glass-radius: calc(var(--radius) + 2px);overflow:visible;z-index:30}.modal.glass-host{--glass-radius: calc(var(--radius) + 4px)}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:.75rem .75rem 0;padding:.65rem .9rem;border-radius:calc(var(--radius) + 2px);z-index:2}.topbar-brand{display:flex;align-items:center;gap:.55rem}.demo-pill{font-size:.65rem;letter-spacing:.08em;color:var(--cyan);border:1px solid rgba(0,229,255,.35);border-radius:999px;padding:.15rem .5rem}.search{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;background:#00000059;border:1px solid rgba(199,82,255,.25);border-radius:999px;padding:.35rem .75rem;color:var(--text-muted);transition:transform var(--duration-hover) var(--ease-out),box-shadow var(--duration-hover) var(--ease-out),border-color var(--duration-hover) var(--ease-out),background var(--duration-hover) var(--ease-out)}.search-cluster{display:flex;align-items:center;gap:.35rem;max-width:640px;width:100%;justify-self:center;min-width:0}.search-modes{display:flex;gap:.15rem;flex-shrink:0}.search-mode{border:1px solid rgba(255,255,255,.1);background:#00000040;color:var(--text-muted);font-family:var(--font-display);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .45rem;border-radius:8px;cursor:pointer}.search-mode.active{border-color:#c752ff8c;color:var(--text);background:#c752ff2e}.search-go{flex-shrink:0}.msg-star{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.95rem;line-height:1;padding:.1rem;align-self:start;margin-top:.15rem}.msg-star.on{color:var(--magenta)}.reader-format{display:flex;gap:.35rem;margin:.5rem 0 .75rem}.reader-html{width:100%;min-height:280px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#12081c;color-scheme:dark}.search:focus-within{transform:translateY(var(--hover-lift));border-color:#c752ff8c;background:#00000073;box-shadow:0 0 0 3px #c752ff2e,0 8px 24px #00000059}.search input{flex:1;background:none;border:none;outline:none;color:var(--text);min-width:0}.search input::placeholder{color:var(--text-muted)}.topbar-actions{display:flex;align-items:center;gap:.35rem;position:relative}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-muted);display:grid;place-items:center;transition:transform var(--duration-hover) var(--ease-out),border-color var(--duration-hover) var(--ease-out),color var(--duration-hover) var(--ease-out),background var(--duration-hover) var(--ease-out)}.icon-btn:hover,.icon-btn.is-open{border-color:var(--border-soft);color:var(--text);background:#ffffff0a}.icon-btn:hover{transform:translateY(var(--hover-lift))}.icon-btn:active{transform:scale(.96)}.profile-menu{position:absolute;right:0;top:calc(100% + .45rem);z-index:50;padding:.3rem;border-radius:8px;background:#1c1c1ec7;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff14;animation:profile-menu-in var(--duration-ui) var(--ease-out) both}.profile-menu-user{padding:.55rem .75rem .45rem;font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-sep{height:1px;margin:.25rem .45rem;background:#ffffff1a}.profile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.55rem .7rem;border:none;border-radius:5px;background:transparent;color:var(--text);font-size:.82rem;text-align:left;transition:background var(--duration-hover) var(--ease-out)}.profile-menu-item:hover:not(:disabled){background:#ffffff14}.profile-menu-item:disabled{opacity:.45;cursor:default}.profile-menu-item:active:not(:disabled){transform:scale(.99);transition-duration:var(--duration-press)}.profile-menu-ico{width:1.15rem;display:grid;place-items:center;color:var(--text-muted);font-size:.9rem;flex-shrink:0}@keyframes profile-menu-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.icon-btn:focus-visible,.compose-btn:focus-visible,.nav-item:focus-visible,.tool-btn:focus-visible,.msg-row:focus-visible,.profile-menu-item:focus-visible,.search:focus-within{outline:none}.icon-btn:focus-visible,.compose-btn:focus-visible,.nav-item:focus-visible,.tool-btn:focus-visible,.msg-row:focus-visible,.profile-menu-item:focus-visible{box-shadow:0 0 0 2px #c752ff73}.shell-body{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr);gap:.65rem;min-height:0;min-width:0;align-self:stretch;overflow:hidden;padding:.65rem .75rem .75rem;align-items:stretch}@media(max-width:960px){.shell-body{grid-template-columns:1fr;align-items:stretch}.sidebar,.reader,.shell-body.show-reader .list-pane{display:none}.shell-body.show-reader .reader{display:flex;height:100%;max-height:none;align-self:stretch}}.sidebar{padding:1rem .85rem;display:flex;flex-direction:column;gap:.35rem;min-height:0;align-self:stretch;overflow:auto;border-radius:var(--radius)}.compose-btn{margin-bottom:.75rem;background:linear-gradient(120deg,var(--magenta),#8b2cff);color:#fff;border:none;border-radius:var(--radius-sm);padding:.7rem .85rem;font-family:var(--font-display);font-weight:700;letter-spacing:.08em;text-transform:lowercase}.compose-btn:hover{filter:brightness(1.08)}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:.55rem .65rem;color:var(--text-muted);font-size:.82rem}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item.active{background:#c752ff29;color:var(--text);box-shadow:inset 0 0 0 1px #c752ff47}.nav-item--stub{margin-top:.5rem;opacity:.4;border:1px dashed rgba(255,255,255,.12)}.nav-item--stub:hover{transform:none;background:none;color:var(--text-muted)}.badge{font-size:.68rem;background:#c752ff40;color:var(--magenta-hot);border-radius:999px;padding:.1rem .45rem}.labels-head{margin:1.25rem 0 .4rem;padding:0 .65rem;font-size:.68rem;letter-spacing:.12em;color:var(--text-muted)}.label-stub{display:flex;align-items:center;gap:.55rem;padding:.4rem .65rem;font-size:.78rem;color:var(--text-muted);opacity:.9}.swatch{flex-shrink:0;width:11px;height:11px;border-radius:50%;position:relative;background:var(--swatch);box-shadow:0 0 0 1px #ffffff2e,0 0 10px color-mix(in srgb,var(--swatch) 65%,transparent)}.swatch:after{content:"";position:absolute;inset:2px;border-radius:50%;background:#ffffff73;filter:blur(1px);opacity:.55;pointer-events:none}.swatch--a{--swatch: #c752ff;--swatch-dur: 5.4s;--swatch-delay: 0s}.swatch--b{--swatch: #ff5c8a;--swatch-dur: 7.2s;--swatch-delay: -2.1s}.swatch--c{--swatch: #00e5ff;--swatch-dur: 8.6s;--swatch-delay: -4.4s}@keyframes swatch-chroma{0%,to{filter:hue-rotate(0deg) saturate(1) brightness(1);transform:scale(1)}28%{filter:hue-rotate(48deg) saturate(1.25) brightness(1.08);transform:scale(1.08)}55%{filter:hue-rotate(-38deg) saturate(.95) brightness(.98);transform:scale(.96)}78%{filter:hue-rotate(22deg) saturate(1.15) brightness(1.05);transform:scale(1.04)}}.list-pane{display:flex;flex-direction:column;min-height:0;min-width:0;align-self:stretch;border-radius:var(--radius);overflow:hidden}.list-select-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:.75rem;color:var(--cyan)}.list-select-bar .tool-btn{padding:.25rem .55rem;font-size:.7rem}.list-tabs{display:none}.list-scroll{overflow-x:hidden;overflow-y:auto;min-height:0;flex:1;min-width:0}.msg-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:.55rem;align-items:start;width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-align:left;background:none;border:none;border-left:3px solid transparent;border-bottom:1px solid rgba(255,255,255,.06);padding:.85rem .9rem;color:inherit}.msg-row>.msg-main{min-width:0;overflow-wrap:anywhere;word-break:break-word;text-align:left}.msg-row>.msg-meta{justify-self:end;text-align:right;white-space:nowrap}.msg-row:hover{background:#ffffff09;filter:brightness(1.04);transform:translateY(var(--hover-lift));box-shadow:inset 0 0 0 1px #ffffff0a}.msg-row:active{transform:translateY(0) scale(.995);filter:brightness(1)}.msg-row.selected{border-left-color:var(--magenta);background:#c752ff1f;filter:none;transform:none}.msg-row.checked:not(.selected){background:#00e5ff0f;box-shadow:inset 0 0 0 1px #00e5ff1f}.msg-row.unread .msg-from,.msg-row.unread .msg-subject{font-weight:600;color:#fff}.msg-from{font-size:.82rem;margin-bottom:.15rem;overflow-wrap:anywhere;word-break:break-word}.msg-subject{font-size:.8rem;margin-bottom:.2rem;overflow-wrap:anywhere;word-break:break-word}.msg-snippet{font-size:.72rem;color:var(--text-muted);overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.msg-meta{font-size:.68rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.list-empty,.list-status{padding:1.5rem 1rem;color:var(--text-muted);font-size:.85rem}.reader{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:visible;align-self:start;width:100%;height:auto;min-height:280px;max-height:100%}.reader-toolbar,.reader-body,.reader-empty{position:relative}.reader-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.65rem .85rem;border-bottom:1px solid rgba(255,255,255,.08);z-index:30;overflow:visible}.reader-toolbar-cluster{position:relative;display:inline-flex;z-index:31}.reader-body,.reader-empty{z-index:1}.move-menu--portal{position:fixed;z-index:9999;left:0;top:0;min-width:180px;max-height:min(320px,60vh);overflow:auto;padding:.3rem;border-radius:8px;background:#160c20f7;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 48px #0000008c,inset 0 1px #ffffff14;animation:profile-menu-in var(--duration-ui) var(--ease-out) both}.move-menu--portal .profile-menu-item{font-size:.78rem}.reader-body,.reader-empty{overflow:auto;min-height:0;flex:1}.tool-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.4rem .65rem;font-size:.72rem;color:var(--text-muted);text-transform:lowercase}.tool-btn:hover:not(:disabled){color:var(--text);border-color:#c752ff59}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.reader-empty{flex:1;display:grid;place-items:center;color:var(--text-muted);padding:2rem}.reader-body{flex:1;overflow-x:hidden;overflow-y:auto;padding:1rem 1.25rem 1.5rem;min-height:0;min-width:0}.reader-subject{font-family:var(--font-display);font-weight:800;font-size:1.35rem;margin:0 0 .85rem;line-height:1.2;text-transform:lowercase}.reader-from{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem;font-size:.85rem}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#5a2a8a,var(--magenta));display:grid;place-items:center;font-size:.75rem;font-weight:700}.reader-date{margin-left:auto;color:var(--text-muted);font-size:.72rem}.reader-text{white-space:pre-wrap;word-break:break-word;font-size:.88rem;line-height:1.55;color:#ddd2e8}.attach-card{margin-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#c752ff14}.attach-card button{background:none;border:none;color:var(--cyan);font-size:.78rem}.toast-demo{display:none}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:1rem;z-index:20}.modal{width:min(560px,100%);border-radius:var(--radius);padding:1.25rem;overflow:hidden}.modal h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.25rem;text-transform:lowercase}.modal p{color:var(--text-muted);font-size:.85rem;margin:0 0 1rem}.modal .field{margin-bottom:.75rem}.modal textarea{width:100%;min-height:140px;resize:vertical;background:#08040e73;border:1px solid rgba(199,82,255,.28);border-radius:var(--radius-sm);padding:.7rem .85rem;outline:none;color:var(--text);font:inherit}.modal textarea:focus,.modal .field input:focus{border-color:#e078ff8c}.modal .field input{width:100%;background:#08040e73;border:1px solid rgba(199,82,255,.28);border-radius:var(--radius-sm);padding:.7rem .85rem;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.modal-actions .btn{width:auto;padding-inline:1.1rem}.btn-ghost{background:transparent;border:1px solid var(--border-soft);color:var(--text-muted)}.compose-error{color:var(--danger);font-size:.78rem;margin:0 0 .65rem}.compose-hint{margin:-.35rem 0 .85rem;font-size:.72rem;color:var(--text-muted);line-height:1.4}.error-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#0000008c;animation:backdrop-in var(--duration-ui) ease both}.error-dialog{width:min(420px,100%);padding:1.25rem}.error-dialog h2{font-family:var(--font-display);margin:0 0 .65rem;font-size:1.2rem;text-transform:lowercase}.error-dialog-body{margin:0 0 1rem;color:var(--text-muted);font-size:.85rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.settings-page{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg)}.settings-frame{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}.settings-topbar.glass-host{overflow:visible;z-index:20}.settings-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem .75rem 0;padding:.65rem .9rem}.settings-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:.65rem;min-height:0;height:100%;padding:.65rem .75rem .75rem;overflow:hidden}.settings-nav{padding:.85rem .65rem;display:flex;flex-direction:column;gap:.25rem;overflow:auto}.settings-main{padding:1.25rem 1.35rem;overflow:auto;min-height:0}.settings-form h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.35rem;text-transform:lowercase}.settings-sub{font-family:var(--font-display);font-size:.95rem;margin:1.25rem 0 .5rem;text-transform:lowercase}.settings-saved{color:var(--cyan);font-size:.78rem;margin:0 0 .85rem}.settings-stat{display:flex;justify-content:space-between;gap:1rem;margin:.75rem 0;font-size:.82rem}.settings-meter{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:.75rem}.settings-meter>span{display:block;height:100%;background:linear-gradient(90deg,var(--magenta),var(--cyan))}.settings-list{margin:0;padding:0 0 0 1.1rem;color:var(--text-muted);font-size:.82rem}.settings-session{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;list-style:none;margin:.55rem 0 .55rem -1.1rem}.settings-session>div{display:flex;flex-direction:column;gap:.2rem;min-width:0}.settings-session strong{color:var(--text);font-size:.84rem;font-weight:600}.settings-fx{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;margin-top:.75rem}.settings-fx-card{text-align:left;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#00000040;color:inherit;display:flex;flex-direction:column;gap:.35rem}.settings-fx-card strong{font-family:var(--font-display);font-size:.95rem}.settings-fx-card span{font-size:.72rem;color:var(--text-muted)}.settings-fx-card.active{border-color:#c752ff8c;box-shadow:inset 0 0 0 1px #c752ff40;background:#c752ff1f}.fx-banner{position:fixed;left:50%;bottom:.75rem;transform:translate(-50%);z-index:45;width:min(440px,calc(100vw - 1.5rem));padding:.45rem .65rem;border-radius:10px;background:#160c20eb;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #00000059;display:flex;flex-wrap:wrap;gap:.45rem .55rem;align-items:center;justify-content:space-between}.fx-banner p{margin:0;flex:1;min-width:140px;font-size:.68rem;color:var(--text-muted);line-height:1.35}.fx-banner-actions{display:flex;gap:.3rem;flex-shrink:0}.fx-banner .btn{width:auto;padding:.35rem .65rem;font-size:.68rem;letter-spacing:.04em}html[data-fx=lite] .glass-host{--glass-blur: 10px;--glass-sat: 130%}html[data-fx=lite] .glass-host[data-glass=dense]{--glass-blur: 12px}html[data-fx=lite] .glass-host{transform:none!important}html[data-fx=lite] .glass-specular{opacity:0!important}html[data-fx=lite] .shell:before{animation:none!important;opacity:.55}html[data-fx=lite] .auth-orb{opacity:.18!important;filter:blur(72px)!important;animation-duration:80s!important}@media(max-width:800px){.settings-body{grid-template-columns:1fr}.settings-nav{flex-direction:row;flex-wrap:wrap}}.shell-frame{animation:shell-enter var(--duration-enter) var(--ease-out) both}.topbar{animation:panel-drop var(--duration-enter) var(--ease-out) backwards}.sidebar{animation:panel-slide-left var(--duration-enter) var(--ease-out) .05s backwards}.list-pane{animation:panel-fade-up var(--duration-enter) var(--ease-out) .1s backwards}.reader{animation:panel-fade-up var(--duration-enter) var(--ease-out) .16s backwards}.compose-btn{transition:transform var(--duration-hover) var(--ease-out),filter var(--duration-hover) var(--ease-out),box-shadow var(--duration-hover) var(--ease-out)}.compose-btn:hover{transform:translateY(var(--hover-lift)) scale(1.02);box-shadow:0 0 24px #c752ff73}.compose-btn:active{transform:scale(.97);transition-duration:var(--duration-press)}.nav-item{transition:background var(--duration-hover) var(--ease-out),color var(--duration-hover) var(--ease-out),transform var(--duration-hover) var(--ease-out),box-shadow var(--duration-hover) var(--ease-out)}.nav-item:hover{transform:translate(2px)}.nav-item:active{transform:scale(.98);transition-duration:var(--duration-press)}.nav-item.active{animation:nav-pulse .55s var(--ease-out)}.msg-row{transition:background var(--duration-hover) var(--ease-out),border-color var(--duration-hover) var(--ease-out),transform var(--duration-hover) var(--ease-out),filter var(--duration-hover) var(--ease-out),box-shadow var(--duration-hover) var(--ease-out);animation:row-in var(--duration-panel) var(--ease-out) both}.msg-row:nth-child(1){animation-delay:.02s}.msg-row:nth-child(2){animation-delay:.04s}.msg-row:nth-child(3){animation-delay:.06s}.msg-row:nth-child(4){animation-delay:.08s}.msg-row:nth-child(5){animation-delay:.1s}.msg-row:nth-child(6){animation-delay:.12s}.msg-row:nth-child(7){animation-delay:.14s}.msg-row:nth-child(8){animation-delay:.16s}.msg-row.selected{animation:row-select var(--duration-panel) var(--ease-out)}.list-scroll.list-swap{animation:list-swap var(--duration-ui) var(--ease-out)}.reader-body.reader-swap{animation:reader-swap var(--duration-ui) var(--ease-out)}.tool-btn{transition:transform var(--duration-hover) var(--ease-out),border-color var(--duration-hover) var(--ease-out),color var(--duration-hover) var(--ease-out),background var(--duration-hover) var(--ease-out)}.tool-btn:hover:not(:disabled){transform:translateY(var(--hover-lift))}.tool-btn:active:not(:disabled){transform:scale(.96);transition-duration:var(--duration-press)}.tool-btn.flash{animation:tool-flash var(--duration-enter) var(--ease-out)}.modal-backdrop{animation:backdrop-in var(--duration-ui) ease both}.modal-backdrop.is-leaving{animation:backdrop-out var(--duration-hover) ease forwards}.modal{animation:modal-in var(--duration-panel) var(--ease-out) backwards}.modal-backdrop.is-leaving .modal{animation:modal-out var(--duration-hover) ease forwards}.modal .btn-magenta:active:not(:disabled){transform:scale(.97)}.event-toast{position:fixed;right:1rem;bottom:1rem;z-index:30;min-width:200px;max-width:min(320px,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:var(--radius-sm);pointer-events:none;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#ffffff1a,#160c20b8);-webkit-backdrop-filter:blur(16px) saturate(165%);backdrop-filter:blur(16px) saturate(165%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff38,0 16px 40px #0006,0 0 0 1px #c752ff1f;animation:toast-pop var(--duration-toast) var(--ease-out) forwards}.event-toast:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 100% 60% at 50% -20%,rgba(255,255,255,.16),transparent 50%);opacity:.9}.event-toast strong,.event-toast span{position:relative;z-index:1}.event-toast strong{display:block;font-family:var(--font-display);margin-bottom:.2rem}.event-toast span{color:var(--text-muted);font-size:.75rem}@keyframes shell-enter{0%{opacity:0}to{opacity:1}}@keyframes panel-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-slide-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes panel-fade-up{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nav-pulse{0%{box-shadow:inset 0 0 0 1px #c752ff26}40%{box-shadow:inset 0 0 0 1px #c752ff8c,0 0 18px #c752ff40}to{box-shadow:inset 0 0 0 1px #c752ff47}}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes row-select{0%{background:#c752ff47}to{background:#c752ff1f}}@keyframes list-swap{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reader-swap{0%{opacity:0;transform:translate(12px);filter:blur(2px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes tool-flash{0%,to{border-color:#ffffff1a}40%{border-color:#00e5ffb3;color:var(--cyan);box-shadow:0 0 14px #00e5ff40}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes toast-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}10%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes toast-idle{0%,to{opacity:.55}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.shell-frame,.topbar,.sidebar,.list-pane,.reader,.msg-row,.msg-row.selected,.list-scroll.list-swap,.reader-body.reader-swap,.nav-item.active,.modal-backdrop,.modal,.event-toast,.toast-demo,.tool-btn.flash,.swatch,.profile-menu{animation:none!important}.shell:before{animation:none!important}.glass-specular{opacity:0!important;transition:none!important}.glass-host{transform:none!important}.compose-btn,.nav-item,.msg-row,.tool-btn{transition:none!important}.swatch{filter:none!important;transform:none!important}}