html,body{margin:0}[hidden]{display:none!important}img{max-width:100%}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}:root{--bg:#1d2326;--surface:#262d30;--surface2:#2d3539;--line:#364045;--line2:#465257;--fg:#ecece6;--muted:#a2aaa8;--faint:#6f7a79;--accent:#2fa89f;--accent-ink:#06201e;--gold:#d1a457;--coral:#ff8a68;--coral-ink:#2a0c03;--coral-bg:rgba(255,138,104,.14);--s1:#4f95d6;--s2:#b8893a;--ok:#5cc98a;--warn:#e0b042;--crit:#e5645a;--off:#5f6b6d;--ok-bg:rgba(92,201,138,.13);--warn-bg:rgba(224,176,66,.13);--crit-bg:rgba(229,100,90,.15);--off-bg:rgba(95,107,109,.24);--f-display:"Chakra Petch","Bahnschrift","Segoe UI",system-ui,sans-serif;--f-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f1f2ef;--surface:#ffffff;--surface2:#f6f7f4;--line:#dcdfdb;--line2:#c5cac5;--fg:#1f2527;--muted:#5b6464;--faint:#8b9493;--accent:#0f7a74;--accent-ink:#ffffff;--gold:#9a6d1c;--coral:#c2421f;--coral-ink:#ffffff;--coral-bg:rgba(194,66,31,.1);--s1:#2a6fb0;--s2:#a8781f;--ok:#23864f;--warn:#a67608;--crit:#c4382f;--off:#87a09e;--ok-bg:rgba(35,134,79,.1);--warn-bg:rgba(166,118,8,.11);--crit-bg:rgba(196,56,47,.1);--off-bg:rgba(135,160,158,.18);color-scheme:light}}:root[data-theme=light]{--bg:#f1f2ef;--surface:#ffffff;--surface2:#f6f7f4;--line:#dcdfdb;--line2:#c5cac5;--fg:#1f2527;--muted:#5b6464;--faint:#8b9493;--accent:#0f7a74;--accent-ink:#ffffff;--gold:#9a6d1c;--coral:#c2421f;--coral-ink:#ffffff;--coral-bg:rgba(194,66,31,.1);--s1:#2a6fb0;--s2:#a8781f;--ok:#23864f;--warn:#a67608;--crit:#c4382f;--off:#87a09e;--ok-bg:rgba(35,134,79,.1);--warn-bg:rgba(166,118,8,.11);--crit-bg:rgba(196,56,47,.1);--off-bg:rgba(135,160,158,.18);color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:14px;line-height:1.5}.wrap{max-width:1320px;margin:0 auto;padding-inline:20px;padding-block:18px 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media(max-width:480px){.wrap{padding-inline:16px}}h1,h2,h3{font-family:var(--f-display);font-weight:600;margin:0;text-wrap:balance;letter-spacing:.01em}h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.sub{font-size:12.5px;color:var(--muted)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand h1{font-size:24px;color:var(--gold);letter-spacing:.08em}.mark{display:inline-block;width:40px;height:40px;flex:none;background:var(--mark) center/contain no-repeat}.brand .where{font-family:var(--f-mono);font-size:12px;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12.5px;white-space:nowrap}.chip b{font-weight:600}.dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--off)}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.crit{background:var(--crit)}.dot.off{background:var(--off)}.chip.status{border-color:transparent;background:var(--ok-bg);color:var(--fg);font-weight:600}.example{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px dashed var(--accent);padding:4px 8px;border-radius:6px}.main{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.main>section{flex:999 1 520px;min-width:0}.side{flex:1 1 300px;display:grid;gap:16px;min-width:0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{background:transparent;border:0;padding:6px 12px;font-size:12.5px;color:var(--muted);font-family:var(--f-mono)}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--surface2);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}.mapbox{overflow-x:auto;border-radius:8px;background:var(--surface2);border:1px solid var(--line)}.mapbox svg{display:block;width:100%;min-width:660px;height:auto}.node{cursor:pointer}.node rect.box{fill:var(--surface);stroke:var(--line2);stroke-width:1.2}.node:hover rect.box,.node.sel rect.box{stroke:var(--accent);stroke-width:2}.node text{fill:var(--fg);font-family:var(--f-body)}.node .nm{font-size:13px;font-weight:600;font-family:var(--f-display)}.node .ip{font-size:10.5px;fill:var(--muted);font-family:var(--f-mono)}.node.off rect.box{stroke-dasharray:4 4;fill:var(--surface2)}.node.off .nm{fill:var(--muted)}.link{stroke:var(--line2);stroke-width:2;fill:none}.plink{stroke:var(--s2);stroke-width:1.5;stroke-dasharray:2 5;fill:none;opacity:.7}.flow{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 10;animation:run 1.1s linear infinite}.flow.s1{stroke:var(--s1)}.flow.s2{stroke:var(--s2)}.flow.warn{stroke:var(--warn)}@keyframes run{to{stroke-dashoffset:-16}}@media(prefers-reduced-motion:reduce){.flow{animation:none}}.ftag{pointer-events:none}.node a,.chipsvg{cursor:pointer}.node .go{fill:var(--accent);font-size:12px}.chipsvg:hover rect,.chipsvg:focus-visible rect{stroke:var(--accent);stroke-width:1.6}svg a{outline:none}.node a:focus-visible rect.box,.node g:focus-visible rect.box{stroke:var(--accent);stroke-width:2.4}.ctx{position:fixed;z-index:50;min-width:230px;max-width:calc(100vw - 16px);background:var(--surface);border:1px solid var(--line2);border-radius:10px;box-shadow:0 14px 34px #00000061;padding:6px}.ctx .hd{font-family:var(--f-display);font-weight:600;font-size:13px;padding:6px 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.ctx button,.ctx a{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--fg);text-decoration:none}.ctx button:hover,.ctx a:hover,.ctx button:focus-visible,.ctx a:focus-visible{background:var(--surface2);outline:none}.ctx .danger{color:var(--crit)}.ctx hr{border:0;border-top:1px solid var(--line);margin:4px 0}.ctx .kbd{margin-left:auto;color:var(--muted);font-size:10.5px;font-family:var(--f-mono)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--accent);border-radius:10px;padding:10px 14px;font-size:13px;z-index:60;box-shadow:0 10px 28px #00000059;max-width:calc(100vw - 32px)}.modalbg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:70;padding:16px}.modal{background:var(--surface);border:1px solid var(--line2);border-radius:12px;padding:18px;max-width:390px;width:100%;display:grid;gap:10px}.modal h3{font-size:16px}.modal p{margin:0;color:var(--muted);font-size:13.5px}.mbtns{display:flex;gap:8px;justify-content:flex-end}.btn.danger{background:var(--crit);border-color:var(--crit);color:#fff;font-weight:600}.ftag rect{fill:var(--bg);stroke:var(--line2)}.ftag text{font-family:var(--f-mono);font-size:10.5px;fill:var(--fg)}.chipsvg rect{fill:var(--surface2);stroke:var(--line)}.chipsvg text{font-family:var(--f-mono);font-size:10px;fill:var(--fg)}.maplegend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:10px}.maplegend span{display:inline-flex;align-items:center;gap:6px}.sw{width:18px;height:3px;border-radius:2px;display:inline-block}.happening{display:grid;gap:6px;margin-top:12px}.hap{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:13px}.hap .bar{width:4px;align-self:stretch;border-radius:2px;flex:none}.detail{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px}.detail .k{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.detail .v{font-family:var(--f-mono);font-size:13px}.detail .ttl{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail .ttl h3{font-size:16px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.crit{background:var(--crit-bg);color:var(--crit)}.pill.off{background:var(--off-bg);color:var(--muted)}.alerts{display:grid;gap:8px}.alert{display:grid;grid-template-columns:4px 1fr;gap:10px;background:var(--surface2);border-radius:8px;padding:10px 12px 10px 0;overflow:hidden}.alert .stripe{border-radius:0 3px 3px 0}.alert .meta{display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--muted);font-family:var(--f-mono)}.alert p{margin:3px 0 0;font-size:13px}.alert .acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.btn{background:var(--surface);border:1px solid var(--line2);border-radius:7px;padding:5px 11px;font-size:12.5px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn[disabled]{opacity:.55;cursor:default}.tiers{display:grid;gap:6px;margin-bottom:12px}.tier{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:7px 10px;border-radius:8px;border:1px solid var(--line)}.tier .nm{font-weight:600}.tier .why{color:var(--muted);margin-left:auto;font-size:11.5px;text-align:right}.tier.active{border-color:var(--accent);background:var(--surface2)}.chat{display:grid;gap:8px;max-height:330px;overflow-y:auto;padding-right:2px}.msg{padding:9px 12px;border-radius:10px;font-size:13px;max-width:92%}.msg.me{justify-self:end;background:var(--coral);color:var(--coral-ink);border-bottom-right-radius:3px}.msg.ai{background:var(--surface2);border:1px solid var(--line);border-bottom-left-radius:3px}.msg .src{display:block;margin-top:6px;font-size:11px;color:var(--muted);font-family:var(--f-mono)}.ask{display:flex;gap:8px;margin-top:10px}.ask input{flex:1;min-width:0;background:var(--surface2);border:1px solid var(--line2);border-radius:8px;padding:8px 10px;color:var(--fg);font:inherit;font-size:13px}.sugg{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sugg button{background:transparent;border:1px dashed var(--line2);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--muted)}.sugg button:hover{color:var(--fg);border-color:var(--accent)}.inst{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.inst .wide{grid-column:1/-1}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}@media(max-width:420px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.tile .v{font-family:var(--f-display);font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}.tile .v small{font-size:12px;color:var(--muted);font-family:var(--f-body);font-weight:400;margin-left:2px}.chart{position:relative}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .grid line{stroke:var(--line);stroke-width:1}.chart .ax text{fill:var(--muted);font-family:var(--f-mono);font-size:10px}.chart .band{fill:var(--accent);opacity:.09}.chart .band.crit{fill:var(--crit);opacity:.16}.chart .bandlbl{fill:var(--muted);font-family:var(--f-body);font-size:10.5px}.chart .xh{stroke:var(--faint);stroke-width:1;stroke-dasharray:3 3}.chart .lbl{font-family:var(--f-mono);font-size:10.5px;fill:var(--fg)}.tip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--line2);border-radius:7px;padding:6px 9px;font-size:12px;box-shadow:0 6px 18px #00000040;white-space:nowrap;z-index:5}.tip .t{font-family:var(--f-mono);color:var(--muted);font-size:11px}.tip .r{display:flex;align-items:center;gap:6px;font-family:var(--f-mono)}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-bottom:6px}.legend span{display:inline-flex;align-items:center;gap:6px}.gantt{display:grid;gap:7px}.grow{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;align-items:center;font-size:12.5px}.grow .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gtrack{position:relative;height:20px;background:var(--surface2);border-radius:4px}.gbar{position:absolute;top:3px;bottom:3px;border-radius:4px;min-width:6px;cursor:default}.gbar.ok{background:var(--ok)}.gbar.warn{background:var(--warn)}.gbar.info{background:var(--s1)}.gaxis{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px}.gaxis div:last-child{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:10px;color:var(--muted)}.insight{margin-top:12px;font-size:12.5px;background:var(--warn-bg);border-radius:8px;padding:9px 11px}.insight b{color:var(--warn)}.tblwrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:6px 10px;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}td.n{font-weight:600}td.n span{display:block;font-weight:400;font-size:11.5px;color:var(--muted);font-family:var(--f-mono)}td.m{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.connect{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;align-items:start}.steps{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:s}.steps li{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:13px;counter-increment:s}.steps li:before{content:counter(s);font-family:var(--f-mono);font-size:11px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--muted)}.kinds{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.kinds button{background:var(--surface2);border:1px solid var(--line);border-radius:7px;padding:5px 11px;font-size:12.5px}.kinds button[aria-pressed=true]{border-color:var(--accent);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}pre.cmd{margin:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;font-family:var(--f-mono);font-size:12.5px;overflow-x:auto;white-space:pre}.cmdrow{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.foot{font-size:12px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}.mark,.orb span{--mark:url(/icons/mark.png)}a.btn{text-decoration:none;color:inherit;display:inline-flex;align-items:center}.shell{--nav-w:248px;--agent-w:380px;--bar-h:60px;--ease:cubic-bezier(.2,.8,.2,1)}.shell[data-nav=mini]{--nav-w:68px}.shell[data-agente=chiuso]{--agent-w:68px}.shell-bar{position:fixed;z-index:36;top:0;left:0;width:var(--nav-w);height:var(--bar-h);display:flex;align-items:center;gap:8px;padding:0 14px;overflow:hidden;transition:width .35s var(--ease)}.hamb,.icon-btn{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:9px;border:0;background:transparent;color:var(--muted)}.hamb:hover,.icon-btn:hover{background:var(--surface2);color:var(--fg)}.nav-brand{display:flex;align-items:center;gap:8px;color:var(--gold);font-family:var(--f-display);font-weight:600;font-size:18px;letter-spacing:.08em;text-decoration:none;white-space:nowrap;min-width:0}.nav-brand .mark{width:30px;height:30px}.shell-nav{position:fixed;z-index:35;top:0;left:0;bottom:0;width:var(--nav-w);padding-top:var(--bar-h);display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);overflow:hidden;transition:width .35s var(--ease)}.nav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 14px 12px;display:flex;flex-direction:column;gap:2px}.nav-sep{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:14px 10px 6px;white-space:nowrap}.nav-link{display:flex;align-items:center;gap:12px;min-height:40px;padding:6px 10px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:14px;white-space:nowrap}.nav-link .ico{flex:none}.nav-link:hover{background:var(--surface2);color:var(--fg)}.nav-link[aria-current=page]{background:var(--coral-bg);color:var(--fg);box-shadow:inset 3px 0 0 var(--coral)}.nav-link[aria-current=page] .ico{color:var(--coral)}.nav-app .app-badge{width:22px;height:22px;border-radius:6px;font-size:12px}.nav-app .ext{margin-left:auto;color:var(--faint);font-size:12px}.nav-foot{display:flex;align-items:center;gap:6px;padding:10px 12px 10px 18px;border-top:1px solid var(--line)}.nav-user{flex:1;display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap;min-width:0;overflow:hidden}.tema-bar{display:none}.nav-user small{color:var(--muted);font-size:11px}.avatar{width:32px;height:32px;flex:none;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:600;font-family:var(--f-display)}.shell[data-nav=mini] .nl,.shell[data-nav=mini] .nav-brand{display:none}.shell[data-nav=mini] .nav-sep{font-size:0;padding:0;margin:8px 6px;border-top:1px solid var(--line)}.shell[data-nav=mini] .nav-scroll{padding-inline:12px}.shell[data-nav=mini] .nav-link{justify-content:center;padding:6px 0}.shell[data-nav=mini] .nav-foot{flex-direction:column;padding-inline:0}.shell[data-nav=mini] .nav-user{flex:none}.shell-main{min-height:100vh;padding-left:var(--nav-w);padding-right:var(--agent-w);transition:padding .35s var(--ease)}.agent{position:fixed;z-index:35;top:0;right:0;bottom:0;width:var(--agent-w);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);overflow:hidden;transition:width .35s var(--ease)}.agent-head{flex:none;display:flex;align-items:center;gap:10px;height:var(--bar-h);padding:0 10px 0 12px;border-bottom:1px solid var(--line)}.agent-title{flex:1;min-width:0;display:grid;line-height:1.25;white-space:nowrap}.agent-title b{font-family:var(--f-display);font-size:15px;letter-spacing:.04em}.agent-title small{display:flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.agent-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;min-width:300px}.agent[data-open=false]:not(.sheet) .agent-title,.agent[data-open=false]:not(.sheet) .icon-btn,.agent[data-open=false]:not(.sheet) .agent-body{display:none}.agent[data-open=false]:not(.sheet) .agent-head{justify-content:center;padding:0;border-bottom:0}.orb{position:relative;flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);padding:0;background:var(--surface2);display:grid;place-items:center;animation:breathe 3.2s ease-in-out infinite}.orb span{width:30px;height:30px;background:var(--mark) center/contain no-repeat}.orb.unread:after{content:"";position:absolute;top:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--coral);border:2px solid var(--surface)}@keyframes breathe{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 30%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 16%,transparent)}}@media(prefers-reduced-motion:reduce){.orb{animation:none}}.agent-tiers{flex:none;border:1px solid var(--line);border-radius:9px;padding:0 10px}.agent-tiers summary{cursor:pointer;padding:8px 0;font-size:12.5px;color:var(--muted)}.agent-tiers[open] summary{color:var(--fg)}.agent-tiers .tiers{padding-bottom:10px}.agent-tiers .btn{justify-self:end}.agent .chat{flex:1;min-height:0;max-height:none;align-content:start}.agent .sugg{flex:none;margin-top:0}.agent-form{flex:none;display:flex;gap:8px;align-items:center;background:var(--surface2);border:1px solid var(--line2);border-radius:12px;padding:5px 5px 5px 10px}.agent-form:focus-within{border-color:var(--accent)}.agent-form input{flex:1;min-width:0;background:transparent;border:0;color:var(--fg);font:inherit;font-size:13.5px;padding:6px 2px}.agent-form input:focus-visible{outline:none}.agent-form input::placeholder{color:var(--muted)}.agent-fab{display:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:34;background:#00000073}@media(max-width:860px){.shell{--nav-w:0px;--agent-w:0px;--bar-h:56px}.shell-bar{width:100%;padding:0 10px;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.shell .nl{display:inline}.shell .nav-brand{display:flex}.shell-nav{width:min(290px,86vw);top:var(--bar-h);padding-top:0;transform:translate(-105%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s .3s;z-index:37}.shell-nav.open{transform:none;visibility:visible;transition:transform .3s var(--ease)}.shell .nav-sep{font-size:11px;padding:14px 10px 6px;margin:0;border:0}.shell .nav-link{justify-content:flex-start;padding:6px 10px}.shell .nav-foot{flex-direction:row;padding:10px 12px 10px 18px}.shell .nav-user{flex:1}.tema-bar{display:grid;margin-left:auto}.tema-foot{display:none}.shell-main{padding-top:var(--bar-h)}.agent{width:100%;top:auto;height:min(78vh,640px);border:1px solid var(--line2);border-radius:16px 16px 0 0;transform:translateY(105%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s .3s;z-index:37;padding-bottom:env(safe-area-inset-bottom,0px)}.agent.sheet{transform:none;visibility:visible;transition:transform .3s var(--ease)}.agent .agent-body{min-width:0}.agent-fab{display:grid;position:fixed;z-index:33;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;box-shadow:0 10px 26px #00000059}.agent-fab span{width:40px;height:40px}.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.shell-bar,.shell-nav,.shell-main,.agent{transition:none}}.hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:26px}.hero-mark{width:96px;height:96px;background:url(/icons/mark.png) center/contain no-repeat;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 30%,transparent))}.hero h1{font-size:30px;margin-bottom:4px}.hero .big{font-family:var(--f-display);font-size:20px;display:flex;align-items:center;gap:10px}.hero .big .dot{width:12px;height:12px}@media(max-width:560px){.hero{grid-template-columns:minmax(0,1fr);text-align:left}.hero-mark{width:64px;height:64px}.hero h1{font-size:24px}}.apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.app-tile{display:flex;gap:14px;align-items:center;padding:16px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);text-decoration:none;color:var(--fg);transition:border-color .2s,transform .2s}.app-tile:hover{border-color:var(--coral);transform:translateY(-2px)}.app-badge{width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;font-family:var(--f-display);font-weight:600;font-size:20px;color:var(--accent-ink);background:linear-gradient(135deg,var(--accent),var(--coral))}.app-tile b{display:block;font-size:15px}.app-tile span{font-size:12.5px;color:var(--muted)}.casa-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.casa-grid>*{flex:1.4 1 340px;min-width:0}.casa-grid>*+*{flex:1 1 260px}.calm{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13.5px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-head h1{font-size:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}@media(max-width:560px){.form-grid{grid-template-columns:minmax(0,1fr)}}.field{display:grid;gap:5px;font-size:12.5px;color:var(--muted)}.field input,.field select{background:var(--surface2);border:1px solid var(--line2);border-radius:8px;padding:8px 10px;color:var(--fg);font:inherit;font-size:13.5px;min-width:0}.field input[type=range]{padding:0;accent-color:var(--accent)}.field input:disabled{opacity:.6}.checks{display:flex;flex-wrap:wrap;gap:6px}.check{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);font-size:12.5px;color:var(--fg);cursor:pointer}.check input{accent-color:var(--accent)}.check.warn{border-color:color-mix(in srgb,var(--warn) 50%,var(--line2))}.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.err{color:var(--crit);font-size:13px}.dev-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:16px;align-items:start}td .btn{padding:3px 9px;font-size:12px}.row-acts{display:flex;gap:6px;justify-content:flex-end}.app-tile .app-badge{color:var(--accent-ink);font-size:20px}.otp-page{max-width:560px;padding-block:8vh 40px}.otp-card{display:grid;gap:14px;padding:26px}.otp-card h1{font-size:24px}.otp-mark{width:56px;height:56px;background:url(/icons/mark.png) center/contain no-repeat}.modal.otp{justify-items:start}.otp-input{width:100%;max-width:260px;font-family:var(--f-mono);font-size:30px;letter-spacing:.35em;text-align:center;padding:10px 12px;border-radius:10px;border:1px solid var(--line2);background:var(--surface2);color:var(--fg)}.otp-input:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.otp-qr{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.otp-qr img{border-radius:10px;background:#fff;padding:6px;width:200px;height:auto}.otp-qr>div{flex:1 1 200px;display:grid;gap:6px}.otp-secret{font-family:var(--f-mono);font-size:15px;word-break:break-all;background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.otp-link{display:block;margin-top:4px;color:var(--accent)}.nav-foot .icon-btn{width:36px;height:36px}