*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--bg:oklch(15.5% .006 60);--bg-deep:oklch(12.5% .006 60);--surface:oklch(19.5% .006 60);--surface-2:oklch(21.8% .006 60);--elevated:oklch(24.5% .006 60);--border:oklch(27.5% .006 60);--border-soft:oklch(23.5% .006 60);--border-strong:oklch(34.5% .006 60);--text:oklch(96.5% .004 80);--text-dim:oklch(68.5% .008 70);--text-mute:oklch(48.5% .008 70);--accent:oklch(70% .14 240);--accent-soft:oklch(70% .14 240/.16);--accent-text:oklch(98% 0 0);--accent-dim:oklch(60% .14 240);--success:oklch(74% .135 150);--success-soft:oklch(74% .135 150/.15);--warn:oklch(82% .13 85);--warn-soft:oklch(82% .13 85/.16);--danger:oklch(70% .18 25);--danger-soft:oklch(70% .18 25/.16);--info:oklch(74% .11 230);--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-btn:8px;--shadow-1:0 1px 0 oklch(100% 0 0/.03) inset, 0 1px 2px oklch(0% 0 0/.25);--shadow-2:0 1px 0 oklch(100% 0 0/.04) inset, 0 8px 24px oklch(0% 0 0/.35);--font-sans:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, "JetBrains Mono", monospace;--pad-card:12px;--gap-grid:12px;--gap-stack:12px;--row-h:26px;--glass-bg-base:oklch(from var(--surface) l c h / .42);--glass-bg-strong:oklch(from var(--surface) l c h / .62);--glass-bg-subtle:oklch(from var(--surface) l c h / .3);--glass-border:oklch(100% 0 0/.1);--glass-highlight:oklch(100% 0 0/.15);--glass-blur:22px;--glass-blur-strong:40px;--glass-blur-subtle:12px}:root[data-theme=light]{--bg:oklch(98.5% .003 80);--bg-deep:oklch(96% .003 80);--surface:oklch(100% 0 0);--surface-2:oklch(98.5% .003 80);--elevated:oklch(100% 0 0);--border:oklch(91% .004 80);--border-soft:oklch(94% .004 80);--border-strong:oklch(84% .004 80);--text:oklch(20.5% .005 60);--text-dim:oklch(46% .005 60);--text-mute:oklch(62% .005 60);--accent-text:oklch(99% 0 0);--accent-soft:oklch(78% .135 65/.18);--shadow-1:0 1px 0 oklch(100% 0 0/.7) inset, 0 1px 2px oklch(0% 0 0/.05);--shadow-2:0 1px 0 oklch(100% 0 0/.7) inset, 0 8px 24px oklch(0% 0 0/.08);--glass-bg-base:oklch(100% 0 0/.7);--glass-bg-strong:oklch(100% 0 0/.86);--glass-bg-subtle:oklch(100% 0 0/.55);--glass-border:oklch(0% 0 0/.08);--glass-highlight:oklch(100% 0 0/.55)}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(65% 55% at 8% 12%,oklch(50% .22 240/.55) 0%,#0000 58%),radial-gradient(55% 60% at 90% 85%,oklch(42% .2 280/.48) 0%,#0000 58%),radial-gradient(40% 40% at 52% 48%,oklch(46% .16 210/.22) 0%,#0000 62%);background-attachment:fixed;font-size:13px;line-height:1.45}.mono{font-family:var(--font-mono)}.num{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.mute{color:var(--text-mute);font-size:11.5px}.dim{color:var(--text-dim);font-size:12.5px}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-bottom:1px solid var(--glass-border);box-shadow:0 1px 0 var(--glass-highlight) inset;padding:0 20px;padding-top:env(safe-area-inset-top);z-index:10;flex-direction:column;flex-shrink:0;display:flex}.topbar-row1{align-items:center;gap:10px;height:46px;display:flex}.topbar-row2{align-items:center;gap:8px;padding-bottom:9px;display:flex}.crumb{color:var(--text-dim);flex:1;align-items:center;gap:8px;min-width:0;font-size:12.5px;display:flex}.hostname-wrap{flex:1;min-width:0;position:relative;overflow:hidden}.hostname-probe{visibility:hidden;white-space:nowrap;pointer-events:none;font-size:12.5px;font-weight:500;position:absolute}.hostname-static{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:12.5px;font-weight:500;display:block;overflow:hidden}.version-badge{font-size:10px;font-family:var(--font-mono);color:var(--text-mute);opacity:.75;flex-shrink:0;font-weight:500}.crumb .sep{color:var(--text-mute)}.crumb .current{color:var(--text);white-space:nowrap;font-weight:500}.topbar-search{background:var(--glass-bg-subtle);min-width:0;-webkit-backdrop-filter:blur(var(--glass-blur-subtle)) saturate(160%);border:1px solid var(--glass-border);color:var(--text-mute);cursor:text;border-radius:7px;flex:1;align-items:center;gap:7px;height:30px;padding:5px 10px;font-size:12px;transition:border-color .12s;display:flex}.topbar-search:hover{border-color:oklch(100% 0 0/.2)}.topbar-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:12px}.topbar-search input::placeholder{color:var(--text-mute)}.kbd{border:1px solid var(--border-strong);background:var(--bg-deep);min-width:18px;height:16px;color:var(--text-dim);font-family:var(--font-mono);border-radius:4px;justify-content:center;align-items:center;padding:0 3px;font-size:10px;display:inline-flex}.vdiv{background:var(--border-soft);width:1px;height:18px;margin:0 4px}.iconbtn{border-radius:var(--radius-btn);width:30px;height:30px;color:var(--text-dim);flex-shrink:0;place-items:center;display:inline-grid}.iconbtn:hover{background:var(--glass-bg-base);-webkit-backdrop-filter:blur(var(--glass-blur-subtle)) saturate(160%);color:var(--text)}.iconbtn.active{background:var(--accent-soft);color:var(--accent)}.btn{border-radius:var(--radius-btn);color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;align-items:center;gap:5px;height:26px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-xs{height:22px;padding:2px 7px;font-size:11px}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent-dim)}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-danger{color:var(--danger);border-color:oklch(from var(--danger) l c h / .35)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-ghost{color:var(--text-dim);border-radius:var(--radius-btn);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--text);border-color:var(--border)}.topbar .btn-ghost{border-radius:var(--radius-btn);height:30px;padding:.25rem .5rem;font-size:11.5px}.main{background:0 0;flex:1;padding:16px 20px 28px;overflow-y:auto}.main::-webkit-scrollbar{width:6px}.main::-webkit-scrollbar-thumb{background:oklch(from var(--text) l c h / .22);border-radius:3px}.main::-webkit-scrollbar-thumb:hover{background:oklch(from var(--text) l c h / .35)}.main::-webkit-scrollbar-track{background:0 0}.masonry-grid{gap:var(--gap-grid);display:flex}.masonry-col{gap:var(--gap-grid);flex-direction:column;flex:1;min-width:0;display:flex}.pulse-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px var(--gap-grid);padding:0 20px;overflow-x:auto}.pulse-scroll::-webkit-scrollbar{display:none}.pulse-scroll .pulse{min-width:520px;margin-bottom:0}.pulse{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-subtle)) saturate(160%);border:1px solid var(--glass-border);box-shadow:0 1px 0 var(--glass-highlight) inset;border-radius:var(--radius-lg);margin-bottom:var(--gap-grid);grid-template-columns:1.5fr repeat(4,1fr);gap:0;display:grid;overflow:hidden}.pulse-cell{border-right:1px solid var(--glass-border);flex-direction:column;gap:3px;min-width:0;padding:10px 14px;display:flex}.pulse-cell:last-child{border-right:none}.pulse-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-mute);font-size:10px;font-weight:600}.pulse-value{letter-spacing:-.02em;color:var(--text);font-size:17px;font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;display:flex}.pulse-value .unit{color:var(--text-mute);font-size:10.5px;font-weight:400}.pulse-sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10.5px;overflow:hidden}.ccard-hdr{background:var(--glass-bg-base);width:100%;min-height:44px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 1px 0 var(--glass-highlight) inset;border-radius:var(--radius-lg);cursor:pointer;text-align:left;color:var(--text);align-items:center;gap:.55rem;padding:0 .9rem;transition:background .15s;display:flex}.ccard-hdr:hover{background:var(--glass-bg-strong)}.ccard-hdr[data-open=true]{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.ccard-body>.card{border-top-left-radius:0;border-top-right-radius:0}.card{background:var(--glass-bg-base);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 1px 0 var(--glass-highlight) inset, var(--shadow-1);border-radius:var(--radius-lg);padding:var(--pad-card);flex-direction:column;min-width:0;display:flex;position:relative}.card-head{align-items:center;gap:8px;min-width:0;margin-bottom:12px;display:flex}.card-title{color:var(--text);letter-spacing:-.005em;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.card-title .icon,.card-title svg{color:var(--text-dim);flex-shrink:0}.card-tag{color:var(--text-mute);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10.5px;font-weight:500;font-family:var(--font-mono);overflow:hidden}.card-action{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.card h2{color:var(--text);letter-spacing:-.005em;text-transform:none;margin-bottom:12px;font-size:12.5px;font-weight:600}.chip{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-subtle)) saturate(160%);color:var(--text-dim);border:1px solid var(--glass-border);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:500;display:inline-flex}.chip.success{color:var(--success);background:var(--success-soft);border-color:oklch(from var(--success) l c h / .3)}.chip.warn{color:var(--warn);background:var(--warn-soft);border-color:oklch(from var(--warn) l c h / .3)}.chip.danger{color:var(--danger);background:var(--danger-soft);border-color:oklch(from var(--danger) l c h / .3)}.chip.accent{color:var(--accent);background:var(--accent-soft);border-color:oklch(from var(--accent) l c h / .3)}.chip .dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.sdot{background:var(--text-mute);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.sdot.on{background:var(--success);box-shadow:0 0 6px oklch(from var(--success) l c h / .5)}.sdot.warn{background:var(--warn)}.sdot.danger{background:var(--danger);box-shadow:0 0 5px oklch(from var(--danger) l c h / .5)}table.t{border-collapse:collapse;width:100%;font-size:12px}table.t th{text-align:left;color:var(--text-mute);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border-soft);padding:5px 8px;font-size:10px;font-weight:500}table.t td{border-bottom:1px solid var(--border-soft);color:var(--text-dim);white-space:nowrap;padding:7px 8px}table.t tbody tr:hover td{background:var(--surface-2);color:var(--text)}table.t tbody tr:last-child td{border-bottom:none}.num-cell{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);font-size:11.5px}.kv{flex-direction:column;gap:5px;display:flex}.kv-row{justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.kv-row .k{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kv-row .v{color:var(--text);font-variant-numeric:tabular-nums;font-family:var(--font-mono);white-space:nowrap;font-size:11.5px}.bar{background:var(--border);border-radius:2px;height:4px;position:relative;overflow:hidden}.bar>span{background:var(--accent);height:100%;transition:width .4s;display:block}.bar.success>span{background:var(--success)}.bar.warn>span{background:var(--warn)}.bar.danger>span{background:var(--danger)}.stack-bar{background:var(--border);border-radius:2.5px;gap:1px;height:5px;display:flex;overflow:hidden}.stack-bar>span{transition:width .4s}.legend{grid-template-columns:1fr 1fr;gap:5px 14px;font-size:11px;display:grid}.legend-item{color:var(--text-dim);grid-template-columns:10px 1fr auto;align-items:center;gap:5px;min-width:0;display:grid}.legend-item .sw{border-radius:2px;width:7px;height:7px}.legend-item .v{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px}.tabs{background:var(--bg-deep);border:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:7px;gap:2px;padding:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{color:var(--text-mute);cursor:pointer;white-space:nowrap;border-radius:5px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:500}.tabs button:hover{color:var(--text-dim)}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.transport{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.transport button{border-radius:var(--radius-btn);height:30px;color:var(--text-dim);cursor:pointer;flex:1;place-items:center;display:grid}.transport button:hover{background:var(--surface);color:var(--text)}.transport button.play{background:var(--text);color:var(--bg)}.transport button.play:hover{opacity:.9}input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:36px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--val,0%), var(--border) var(--val,0%));border-radius:2.5px;height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:2.5px solid var(--bg);border-radius:50%;width:20px;height:20px;margin-top:-7.5px;transition:transform .1s;box-shadow:0 1px 4px oklch(0% 0 0/.35)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{background:var(--border);border-radius:2.5px;height:5px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2.5px 0 0 2.5px;height:5px}input[type=range]::-moz-range-thumb{background:var(--text);border:2.5px solid var(--bg);border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px oklch(0% 0 0/.35)}.fb-row{cursor:pointer;border-radius:6px;align-items:center;gap:9px;padding:5px 4px;font-size:12px;display:flex}.fb-row:hover{background:var(--surface-2)}.fb-row .name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fb-row .size{color:var(--text-mute);font-size:10.5px;font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.fb-crumbs{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);align-items:center;gap:4px;margin-bottom:8px;display:flex}.fb-crumbs .sep{color:var(--text-mute)}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:4px;display:grid}.app-tile{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:9px 5px;transition:background .12s;display:flex}.app-tile:hover{background:var(--surface-2)}.app-tile .icon-wrap{width:36px;height:36px;color:var(--text);box-shadow:var(--shadow-1);border-radius:9px;place-items:center;font-size:14px;font-weight:600;display:grid;position:relative}.app-tile .lbl{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;overflow:hidden}.qa-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.qa-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:5px;min-height:60px;padding:9px 5px;transition:all .12s;display:flex}.qa-btn:hover{color:var(--text);background:var(--elevated);border-color:var(--border-strong)}.qa-btn.on{color:var(--accent);border-color:oklch(from var(--accent) l c h / .4);background:var(--accent-soft)}.qa-btn .lbl{font-size:10px;font-weight:500}.screen-wrap{border:1px solid var(--border);background:var(--bg-deep);aspect-ratio:16/10;border-radius:10px;position:relative;overflow:hidden}.divider{background:var(--border-soft);height:1px;margin:10px 0}.scroll{overflow-y:auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.scroll::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.scroll::-webkit-scrollbar-track{background:0 0}.error-msg{color:var(--danger);margin-top:4px;font-size:12px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-wrap{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.marquee-inner{white-space:nowrap;color:var(--text);font-size:12.5px;font-weight:500;animation:12s linear infinite marquee-scroll;display:inline-flex}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}.live-dot{background:var(--success);vertical-align:middle;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s ease-in-out infinite pulseDot;display:inline-block}.with-dot{position:relative}.with-dot:after{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:5px;right:6px}.search{background:var(--surface);border:1px solid var(--border);color:var(--text-mute);cursor:text;border-radius:7px;align-items:center;gap:7px;height:28px;padding:5px 10px;font-size:12px;display:flex}.search:hover{border-color:var(--border-strong)}.search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:12px}.search input::placeholder{color:var(--text-mute)}select{background:var(--bg-deep);color:var(--text);border:1px solid var(--border);border-radius:6px;outline:none;padding:4px 8px;font-size:11.5px}@media (pointer:coarse){.btn{min-height:40px;padding-left:14px;padding-right:14px}.btn-xs{min-height:36px;padding-left:10px;padding-right:10px}.btn-ghost{min-width:40px;min-height:40px}.iconbtn{width:42px;height:42px}.qa-btn{min-height:70px}select{min-height:40px;padding:8px;font-size:13px}}.auth-root{justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.auth-wallpaper{z-index:0;background:oklch(10% .025 35);position:absolute;inset:0;overflow:hidden}.auth-wallpaper:after{content:"";opacity:.045;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-wp-a,.auth-wp-b,.auth-wp-c,.auth-wp-d{filter:blur(90px);will-change:transform;border-radius:50%;position:absolute}.auth-wp-a{background:oklch(55% .2 70/.58);width:75vw;height:65vh;animation:20s ease-in-out infinite authWpDrift;top:-22%;left:-18%}.auth-wp-b{background:oklch(48% .22 45/.5);width:62vw;height:72vh;animation:25s ease-in-out -8s infinite reverse authWpDrift;top:5%;right:-22%}.auth-wp-c{background:oklch(52% .18 88/.44);width:58vw;height:60vh;animation:30s ease-in-out -15s infinite authWpDrift;bottom:-25%;left:8%}.auth-wp-d{background:oklch(42% .18 20/.32);width:48vw;height:52vh;animation:22s ease-in-out -4s infinite reverse authWpDrift;top:30%;left:28%}.auth-lock-screen{z-index:2;padding:max(env(safe-area-inset-top), 24px) 20px max(env(safe-area-inset-bottom), 24px);flex-direction:column;align-items:center;gap:28px;width:100%;max-width:480px;display:flex;position:relative}.auth-clock-area{text-align:center;-webkit-user-select:none;user-select:none}.auth-clock-time{letter-spacing:-.045em;color:oklch(100% 0 0/.92);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 2px 24px oklch(0% 0 0/.35);font-size:clamp(4rem,16vw,7.5rem);font-weight:300;line-height:1}.auth-clock-date{color:oklch(100% 0 0/.68);letter-spacing:.01em;text-shadow:0 1px 8px oklch(0% 0 0/.3);margin-top:6px;font-size:clamp(.92rem,3vw,1.08rem);font-weight:400}.auth-card{-webkit-backdrop-filter:blur(52px)saturate(140%);text-align:center;background:linear-gradient(160deg,oklch(100% 0 0/.22) 0%,oklch(100% 0 0/.1) 100%);border:1px solid oklch(100% 0 0/.28);border-radius:26px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;padding:28px 28px 24px;display:flex;position:relative;box-shadow:inset 0 1.5px oklch(100% 0 0/.32),0 40px 80px oklch(0% 0 0/.5),0 0 0 .5px oklch(0% 0 0/.1)}.auth-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,oklch(100% 0 0/.7) 50%,#0000);border-radius:0 0 50% 50%;height:1px;position:absolute;top:0;left:10%;right:10%}.auth-avatar{margin-bottom:2px}.auth-avatar .auth-ring-track{border-color:oklch(100% 0 0/.18)}.auth-avatar .auth-ring-track:before{border-color:oklch(100% 0 0/.1)}.auth-avatar .auth-ring-core{background:oklch(100% 0 0/.1);border-color:oklch(100% 0 0/.18)}.auth-avatar .auth-ring-glyph{color:oklch(100% 0 0/.55)}.auth-avatar .auth-ring[data-status=loading] .auth-ring-glyph{color:oklch(80% .18 240)}.auth-avatar .auth-ring[data-status=error] .auth-ring-core{background:oklch(70% .18 25/.15);border-color:oklch(70% .18 25/.4)}.auth-avatar .auth-ring[data-status=success] .auth-ring-core{background:oklch(74% .135 150/.15);border-color:oklch(74% .135 150/.4)}.auth-greeting{letter-spacing:-.02em;color:oklch(100% 0 0/.92);margin:0;font-size:1.3rem;font-weight:600;line-height:1.2}.auth-sub{color:oklch(100% 0 0/.56);max-width:280px;margin-top:-2px;margin-bottom:2px;font-size:.84rem;line-height:1.5}.auth-hostchip{font-family:var(--font-mono);color:oklch(100% 0 0/.58);letter-spacing:.01em;background:oklch(100% 0 0/.08);border:1px solid oklch(100% 0 0/.12);border-radius:20px;align-items:center;gap:6px;margin-top:-2px;padding:3px 10px;font-size:11px;display:inline-flex}.auth-cta{letter-spacing:-.01em;color:oklch(99% 0 0);-webkit-backdrop-filter:blur(28px)saturate(160%);cursor:pointer;background:linear-gradient(135deg,oklch(100% 0 0/.22) 0%,#0000 50%),oklch(55% .22 240/.62);border:1px solid oklch(100% 0 0/.32);border-radius:14px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:4px;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:inset 0 1.5px oklch(100% 0 0/.4),inset 0 -1px oklch(0% 0 0/.12),0 4px 22px oklch(40% .22 240/.45)}.auth-cta:hover:not(:disabled){background:linear-gradient(135deg,oklch(100% 0 0/.28) 0%,#0000 50%),oklch(58% .22 240/.72);box-shadow:inset 0 1.5px oklch(100% 0 0/.48),inset 0 -1px oklch(0% 0 0/.12),0 6px 28px oklch(40% .22 240/.55)}.auth-cta:disabled{opacity:.65;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.auth-cta:not(:disabled){transform:translate3d(var(--mx,0), var(--my,0), 0)}}.auth-cta:active:not(:disabled){transform:scale(.97)!important}.auth-footer{color:oklch(100% 0 0/.48);text-align:center;font-size:.82rem}.auth-footer a{color:oklch(78% .15 240)}.auth-footer a:hover{color:oklch(86% .15 240);text-decoration:underline}.auth-ring{aspect-ratio:1;flex-shrink:0;width:auto;animation:5s ease-in-out infinite authBreathe;position:relative}.auth-ring-track,.auth-ring-arc,.auth-ring-arc-inner,.auth-ring-sweep{border-radius:50%;position:absolute;inset:0}.auth-ring-track{border:2px solid oklch(100% 0 0/.2)}.auth-ring-track:before{content:"";border:1.5px solid oklch(100% 0 0/.12);border-radius:50%;position:absolute;inset:20%}.auth-ring-arc{border:2.5px solid oklch(72% .18 240);border-color:oklch(72% .18 240) oklch(72% .18 240/.25) #0000 #0000;animation:3.5s linear infinite authRingSpin}.auth-ring-arc-inner{border:1.5px solid #0000;border-color:#0000 #0000 oklch(72% .18 240/.38) oklch(72% .18 240/.18);animation:5.5s linear infinite reverse authRingSpin;inset:16%}.auth-ring-sweep{opacity:0;background:conic-gradient(#0000 0%,oklch(72% .18 240/.18) 22%,#0000 28%);transition:opacity .3s;animation:1.4s linear infinite authRingSpin}.auth-ring-core{background:oklch(100% 0 0/.08);border:1px solid oklch(100% 0 0/.16);border-radius:50%;justify-content:center;align-items:center;transition:background .4s,border-color .4s;display:flex;position:absolute;inset:24%}.auth-ring-glyph{color:oklch(100% 0 0/.52);width:46%;height:46%;transition:color .4s}.auth-ring[data-status=loading] .auth-ring-arc{animation-duration:.85s}.auth-ring[data-status=loading] .auth-ring-arc-inner{animation-duration:2s}.auth-ring[data-status=loading] .auth-ring-sweep{opacity:1}.auth-ring[data-status=loading] .auth-ring-glyph{color:oklch(80% .18 240)}.auth-ring[data-status=error]{animation:.45s cubic-bezier(.36,.07,.19,.97) both authShake}.auth-ring[data-status=error] .auth-ring-arc,.auth-ring[data-status=error] .auth-ring-arc-inner{animation-play-state:paused}.auth-ring[data-status=error] .auth-ring-arc{border-top-color:oklch(72% .18 25);border-right-color:oklch(72% .18 25/.25)}.auth-ring[data-status=error] .auth-ring-arc-inner{border-bottom-color:oklch(72% .18 25/.38);border-left-color:oklch(72% .18 25/.18)}.auth-ring[data-status=error] .auth-ring-glyph{color:oklch(72% .18 25)}.auth-ring[data-status=success] .auth-ring-arc{border-top-color:oklch(74% .135 150);border-right-color:oklch(74% .135 150/.3);animation-duration:1.2s}.auth-ring[data-status=success] .auth-ring-arc-inner{border-bottom-color:oklch(74% .135 150/.4);border-left-color:oklch(74% .135 150/.2)}.auth-ring[data-status=success] .auth-ring-core{background:oklch(74% .135 150/.18);border-color:oklch(74% .135 150/.5);animation:.5s cubic-bezier(.34,1.56,.64,1) forwards authLockIn}.auth-ring[data-status=success] .auth-ring-glyph{color:oklch(74% .135 150)}@keyframes authWpDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(5%,-6%)scale(1.06)}66%{transform:translate(-4%,4%)scale(.95)}}@keyframes authRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes authBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.028)}}@keyframes authShake{0%,to{transform:translate(0,0)}15%,55%,85%{transform:translate(-6px)}35%,70%{transform:translate(6px)}}@keyframes authLockIn{0%{transform:scale(.88)}65%{transform:scale(1.1)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.auth-wp-a,.auth-wp-b,.auth-wp-c,.auth-wp-d,.auth-ring,.auth-ring-arc,.auth-ring-arc-inner,.auth-ring-sweep,.auth-ring[data-status=error]{animation:none!important}.auth-wallpaper{-webkit-backdrop-filter:none;backdrop-filter:none}}.glass{background:var(--glass-bg-base);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-bg-strong)!important;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(200%)!important}.glass-subtle{background:var(--glass-bg-subtle)!important;-webkit-backdrop-filter:blur(var(--glass-blur-subtle)) saturate(160%)!important}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:100;background:oklch(0% 0 0/.45);align-items:flex-end;display:flex;position:fixed;inset:0}.drawer-sheet{background:oklch(from var(--surface) l c h / .92);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);border-top:1px solid var(--glass-border);box-shadow:0 1px 0 var(--glass-highlight) inset, 0 -8px 40px oklch(0% 0 0/.28);padding-bottom:env(safe-area-inset-bottom);border-radius:14px 14px 0 0;flex-direction:column;display:flex}.drawer-handle-wrap{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;padding:.65rem 0 .35rem;display:flex}.drawer-handle-pill{pointer-events:none;background:oklch(100% 0 0/.22);border-radius:2px;width:36px;height:4px}.drawer-title{flex-shrink:0;justify-content:space-between;align-items:center;padding:.2rem 1.2rem 0;display:flex}.drawer-body{flex:1;padding:.8rem 1.2rem 1.4rem;overflow-y:auto}.menu-portal{z-index:9999;background:oklch(from var(--surface) l c h / .92);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 1px 0 var(--glass-highlight) inset, 0 8px 32px oklch(0% 0 0/.4);padding:.3rem;position:fixed}.palette-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);background:oklch(0% 0 0/.45);flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex;position:fixed;inset:0}.palette-panel{background:oklch(from var(--surface) l c h / .92);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);border-top:1px solid var(--glass-border);box-shadow:0 1px 0 var(--glass-highlight) inset, 0 -8px 40px oklch(0% 0 0/.3);max-height:70vh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;flex-direction:column;display:flex;overflow:hidden}.cad-tile{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-subtle)) saturate(160%);border:1px solid var(--glass-border);cursor:pointer;color:var(--text-dim);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.7rem .5rem;font-size:.75rem;line-height:1.3;transition:background .12s,border-color .12s;display:flex}.cad-tile:hover{background:var(--glass-bg-base);border-color:oklch(100% 0 0/.18)}.cad-tile:disabled{opacity:.5;cursor:not-allowed}.cad-tile-icon{font-size:1.4rem;line-height:1}.cad-section-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .4rem;font-size:.68rem;font-weight:600}.cad-textarea{box-sizing:border-box;background:oklch(from var(--bg) l c h / .7);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);width:100%;color:var(--text);resize:vertical;border-radius:6px;padding:.4rem;font-family:inherit;font-size:.82rem}.cad-primary-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:.4rem;padding:.45rem;font-size:.82rem;transition:opacity .12s;display:flex}.cad-primary-btn:disabled{cursor:not-allowed;opacity:.5}.cad-status{color:var(--text-dim);margin:.3rem 0 0;font-size:.75rem}@media (prefers-reduced-motion:reduce),(update:slow){.topbar,.card,.ccard-hdr,.pulse,.iconbtn:hover,.glass,.glass-strong,.glass-subtle,.drawer-backdrop,.drawer-sheet,.menu-portal,.palette-overlay,.palette-panel,.cad-tile,.cad-textarea{-webkit-backdrop-filter:none!important}.topbar{background:var(--bg)!important}.card,.ccard-hdr,.pulse,.drawer-sheet,.menu-portal,.palette-panel{background:var(--surface)!important}.cad-tile{background:var(--surface-2)!important}.cad-textarea{background:var(--bg)!important}.drawer-backdrop,.palette-overlay{background:oklch(0% 0 0/.6)!important}}.glass-filters{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}[data-liquid]{-webkit-backdrop-filter:none!important;background:0 0!important}:where([data-liquid]){z-index:0;position:relative}