:root{--background: oklch(.99 0 0);--foreground: oklch(.15 0 0);--card: oklch(1 0 0);--muted: oklch(.96 0 0);--muted-foreground: oklch(.5 0 0);--accent: oklch(.96 0 0);--primary: oklch(.2 0 0);--primary-foreground: oklch(.99 0 0);--border: oklch(.9 0 0);--destructive: oklch(.577 .245 27.325);--success: oklch(.55 .15 150);--chart-1: oklch(.646 .222 41.116);--sidebar: oklch(.985 0 0);--warn-bg: oklch(.95 .08 90);--warn-fg: oklch(.4 .1 70);--phone-screen: oklch(.93 .01 90);--bubble-mo: oklch(.92 .09 145);--bubble-mt: oklch(1 0 0);--bubble-text: oklch(.2 0 0);--radius: .5rem;--sidebar-w: 16rem;--sidebar-w-collapsed: 4rem;color-scheme:light}.dark{--background: oklch(.15 0 0);--foreground: oklch(.99 0 0);--card: oklch(.18 0 0);--muted: oklch(.27 0 0);--muted-foreground: oklch(.7 0 0);--accent: oklch(.27 0 0);--primary: oklch(.99 0 0);--primary-foreground: oklch(.2 0 0);--border: oklch(.27 0 0);--destructive: oklch(.7 .19 25);--success: oklch(.75 .15 150);--chart-1: oklch(.696 .17 162.48);--sidebar: oklch(.205 0 0);--warn-bg: oklch(.3 .06 80);--warn-fg: oklch(.9 .1 90);--phone-screen: oklch(.22 .01 150);--bubble-mo: oklch(.38 .08 150);--bubble-mt: oklch(.3 0 0);--bubble-text: oklch(.97 0 0);color-scheme:dark}*{box-sizing:border-box;border-color:var(--border)}html,body,#root{height:100%}body{margin:0;background:var(--background);color:var(--foreground);font:15px/1.5 system-ui,Segoe UI,sans-serif}h1,h2{margin:0}h2{margin-bottom:12px;font-size:20px}code{background:var(--muted);padding:1px 5px;border-radius:4px;font-size:13px}.shell{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border);transition:width .2s ease,transform .2s ease;overflow:hidden}.sidebar-head{display:flex;align-items:center;gap:12px;padding:16px 14px;border-bottom:1px solid var(--border);min-height:65px}.logo{width:36px;height:36px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;font-weight:700;background:var(--primary);color:var(--primary-foreground)}.sidebar-head .label{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}.sidebar-head .label .muted{font-size:12px}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:4px}.sidebar-foot{padding:10px;border-top:1px solid var(--border)}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border-radius:var(--radius);color:var(--muted-foreground);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;background:transparent;border:0;cursor:pointer;font-family:inherit}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--accent);color:var(--foreground)}.nav-item.active{background:var(--primary);color:var(--primary-foreground)}@media(min-width:768px){.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar.collapsed .label{display:none}.sidebar.collapsed .sidebar-head,.sidebar.collapsed .nav-item{justify-content:center;padding-inline:0}}.content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--card);min-height:65px}.topbar h1{font-size:17px;font-weight:600}.spacer{flex:1}main{flex:1;overflow-y:auto;padding:16px}main>*{max-width:1200px;margin-inline:auto}.login-top{position:fixed;top:12px;right:12px}.icon-btn{width:38px;height:38px;padding:0;display:grid;place-items:center;background:transparent;color:var(--foreground);border:0;border-radius:999px;cursor:pointer}.icon-btn:hover{background:var(--accent)}.backdrop{display:none}@media(max-width:767px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar-w);transform:translate(-100%);box-shadow:0 0 30px #0000004d}.sidebar.open{transform:none}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000080}main{padding:12px}}.card{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:14px;margin-bottom:14px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:14px}.grid>.card{margin-bottom:0}.stat b{display:block;font-size:24px}.stat span{color:var(--muted-foreground);font-size:13px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted-foreground);font-weight:600}.table-wrap{overflow-x:auto}input,button,select{font:inherit;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--foreground)}input:focus-visible,select:focus-visible,button:focus-visible,.nav-item:focus-visible{outline:2px solid var(--muted-foreground);outline-offset:1px}button{background:var(--primary);color:var(--primary-foreground);border:0;cursor:pointer;font-weight:500}button.secondary{background:var(--card);color:var(--foreground);border:1px solid var(--border)}button.secondary:hover{background:var(--accent)}button:disabled{opacity:.5;cursor:default}.icon-btn,.nav-item{border-radius:var(--radius)}.icon-btn{border-radius:999px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.muted{color:var(--muted-foreground)}.err{color:var(--destructive)}.ok{color:var(--success)}.badge{font-size:12px;padding:1px 7px;border-radius:99px;border:1px solid var(--border)}.badge.test{background:var(--warn-bg);color:var(--warn-fg);border-color:transparent}.sim{display:grid;gap:14px;grid-template-columns:minmax(300px,380px) 1fr}@media(max-width:800px){.sim{grid-template-columns:1fr}}.phone{background:#060606;border-radius:28px;padding:12px;border:2px solid oklch(.3 0 0);max-width:380px}.phone-head{color:#fff;text-align:center;padding:6px;font-weight:600}.phone-screen{background:var(--phone-screen);border-radius:14px;height:440px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.bubble{max-width:82%;padding:7px 10px;border-radius:12px;white-space:pre-wrap;word-break:break-word;color:var(--bubble-text);font-size:14px}.bubble.MO{align-self:flex-end;background:var(--bubble-mo)}.bubble.MT{align-self:flex-start;background:var(--bubble-mt)}.bubble small{display:block;opacity:.65;font-size:11px;margin-top:2px}.phone form{display:flex;gap:6px;margin-top:10px}.phone input{flex:1;min-width:0}.phone button{background:var(--primary);color:var(--primary-foreground)}.bars{display:flex;align-items:flex-end;gap:2px;height:60px}.bars i{flex:1;background:var(--chart-1);min-height:2px;border-radius:2px}.split{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.split{grid-template-columns:1fr}}.login{max-width:360px;margin:80px auto}.sbadge{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:99px;font-size:11px;line-height:1.6;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground)}.sbadge.used{background:var(--success);color:var(--card);border-color:transparent;font-weight:600}.sbadge.shadow{background:var(--warn-bg);color:var(--warn-fg);border-color:transparent}.sbadge.bad{background:var(--destructive);color:var(--card);border-color:transparent}.sdetail{font-size:11px;opacity:.8;margin-top:2px;word-break:break-word}.meter{height:8px;border-radius:99px;background:var(--muted);overflow:hidden;margin:6px 0 2px}.meter>i{display:block;height:100%;background:var(--chart-1)}.meter.warn>i{background:var(--destructive)}.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;font-size:14px}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}main:has(.sim-page){overflow:hidden}.sim-page{height:100%;display:flex;flex-direction:column;min-height:0}.sim-page h2{margin:0 0 8px;font-size:18px}.sim3{flex:1;min-height:0;display:grid;gap:14px;grid-template-columns:minmax(290px,360px) minmax(280px,340px) minmax(300px,1fr)}.sim3>.col{min-height:0;overflow-y:auto}.sim3 .phone{height:100%;max-width:none;display:flex;flex-direction:column;min-height:0}.sim3 .phone-screen{flex:1;height:auto;min-height:0}.sim3 .card{margin-bottom:10px;padding:12px}.sim3 .stat b{font-size:20px}.sim3 .grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:0}.sim3 .row{margin-bottom:8px}.sim3 .row input[type=number]{width:90px}.sim3 .row:last-child{margin-bottom:0}.bubble.sel{outline:2px solid var(--primary)}.bubble.MO{cursor:pointer}.backstage section{border-bottom:1px solid var(--border);padding:8px 0}.backstage section:last-of-type{border-bottom:0}.backstage h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground)}.bk-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:1px 0}.bk-line b{text-align:right;font-weight:600}.bk-probs>div{display:grid;grid-template-columns:130px 1fr 38px;gap:6px;align-items:center;font-size:12px}.bk-probs .meter{margin:0}.bk-hit{font-size:12px}.backstage pre{font-size:11px;white-space:pre-wrap;word-break:break-word;margin:6px 0 0}@media(max-width:1100px){main:has(.sim-page){overflow-y:auto}.sim-page{height:auto}.sim3{grid-template-columns:1fr}.sim3>.col{overflow:visible}.sim3 .phone{height:480px}}.sim3>.col3{min-height:0;display:flex;flex-direction:column}.sim3 .col3 .grow{flex:1;min-height:0;overflow-y:auto;margin-bottom:0}.sim3 .col3 .row .spacer{flex:1}.sim3 .card .stat span{font-size:12px}@media(max-width:1100px){.sim3 .col3 .grow{overflow:visible}}.bk-cost{padding:2px 0 4px}.bk-cost small{display:block;font-size:11px}