:root{--bg: #f2f3f9;--bg-2: #eceef6;--card: #ffffff;--inset: #f1f2f7;--inset-2: #e9ebf3;--line: #e9eaf0;--line-soft: #f0f1f6;--ink: #0d1220;--ink-2: #4a5160;--dim: #8a90a0;--faint: #aab0bd;--blue: #3b63f6;--blue-press: #2f52d8;--blue-soft: #eaeffe;--violet: #7b5cf0;--violet-soft: #f0ecfe;--green: #12a150;--green-soft: #e4f6ec;--pink: #ef5f97;--pink-soft: #fdeaf2;--orange: #ef8a16;--orange-soft: #fdf0de;--red: #e5484d;--red-soft: #fdeaea;--grad: linear-gradient(135deg, #4a6bf6 0%, #7a5cf0 100%);--r-card: 20px;--r-row: 14px;--r-tile: 12px;--r-pill: 999px;--sh-card: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 26px -16px rgba(16, 24, 40, .18);--sh-float: 0 2px 6px rgba(16, 24, 40, .06), 0 18px 40px -20px rgba(16, 24, 40, .3);--tabbar-h: 62px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;text-align:left}a{color:var(--blue);text-decoration:none}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em}::selection{background:var(--blue-soft)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:8px}.num{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:12.5px;letter-spacing:-.01em}.sp{flex:1}.app{min-height:100dvh;background:radial-gradient(900px 420px at 50% -10%,#e9ecfb,#e9ecfb00 70%),var(--bg);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 18px)}.canvas{max-width:740px;margin:0 auto;padding:0 16px}.page{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:8px}.pagehead{display:flex;align-items:flex-start;gap:12px;padding:20px 0 0}.pagehead h1{font-size:30px;line-height:1.12}.pagehead p{margin:5px 0 0;color:var(--dim);font-size:14px;line-height:1.4}.pagehead-actions{display:flex;align-items:center;gap:8px;padding-top:3px}.subhead{display:flex;align-items:center;gap:10px;padding:18px 0 12px}.subhead h2{font-size:17px;font-weight:600}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;padding:0 12px calc(env(safe-area-inset-bottom) + 10px);pointer-events:none}.tabbar-inner{pointer-events:auto;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;max-width:480px;gap:2px;padding:7px 6px;border-radius:22px;background:#ffffffdb;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--sh-float)}.tab{position:relative;display:grid;justify-items:center;gap:3px;padding:5px 2px 4px;border-radius:14px;color:var(--dim);font-size:10.5px;font-weight:500;letter-spacing:-.01em;transition:color .16s ease,background .16s ease}.tab svg{width:21px;height:21px;stroke-width:1.9}.tab[aria-current=page]{color:var(--blue);background:var(--blue-soft)}.tab .dot{position:absolute;top:3px;right:calc(50% - 17px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--sh-card);overflow:hidden}.card-head{display:flex;align-items:center;gap:10px;padding:15px 16px 0}.card-head h2{font-size:16px;font-weight:650}.card-head .count{color:var(--dim);font-weight:500;font-size:13px}.card-body{padding:14px 16px 16px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.card-note{padding:0 16px 14px;color:var(--dim);font-size:13px;line-height:1.45}.group-title{display:flex;align-items:center;gap:8px;margin:2px 4px -4px;font-size:15px;font-weight:650;letter-spacing:-.01em}.group-title .count{color:var(--dim);font-weight:500;font-size:13px}.rows{display:grid;grid-template-columns:minmax(0,1fr)}.rows>*+*{border-top:1px solid var(--line-soft)}.row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;background:none;transition:background .14s ease}button.row:active{background:var(--inset)}.row-top{align-items:flex-start}.row-top .row-right{padding-top:2px}@media(hover:hover){button.row:hover{background:#fafbfe}}.row-main{min-width:0;flex:1}.row-title{display:flex;align-items:center;gap:7px;min-width:0;font-size:15px;font-weight:550;letter-spacing:-.01em}.who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.when{flex-shrink:0;color:var(--dim);font-weight:400;font-size:12px;white-space:nowrap}.row-sub{margin-top:2px;color:var(--dim);font-size:13px;line-height:1.4}.row-right{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:13px;flex-shrink:0}.chev{color:var(--faint);flex-shrink:0}.clip{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-tile);flex-shrink:0;background:var(--inset);color:var(--ink-2)}.tile-lg{width:44px;height:44px;border-radius:14px}.tile-sm{width:30px;height:30px;border-radius:9px}.tile-round{border-radius:50%}.tile-blue{background:var(--blue-soft);color:var(--blue)}.tile-violet{background:var(--violet-soft);color:var(--violet)}.tile-green{background:var(--green-soft);color:var(--green)}.tile-pink{background:var(--pink-soft);color:var(--pink)}.tile-orange{background:var(--orange-soft);color:var(--orange)}.tile-red{background:var(--red-soft);color:var(--red)}.seg{display:flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--inset)}.seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:var(--r-pill);color:var(--ink-2);font-size:13.5px;font-weight:550;letter-spacing:-.01em;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.seg button[aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:0 2px 8px -2px #3b63f699}.seg-quiet button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #1018281f}.seg .badge{min-width:18px;padding:0 5px;border-radius:999px;background:var(--inset-2);color:var(--ink-2);font-size:11px;font-weight:700;line-height:17px;text-align:center}.seg button[aria-pressed=true] .badge{background:#ffffff47;color:#fff}@media(max-width:430px){.seg button{padding:7px 8px;font-size:12.5px;gap:4px}}.pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pill{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-pill);background:#fff;box-shadow:0 1px 2px #1018280d;color:var(--ink-2);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .16s ease,color .16s ease}.pill[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);font-weight:600;box-shadow:none}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);background:var(--inset);color:var(--ink-2);font-size:12.5px;font-weight:550;letter-spacing:-.01em;white-space:nowrap}.chip svg{width:12px;height:12px}.chip button{display:grid;place-items:center;margin:0 -4px 0 1px;color:var(--dim)}.chip-green{background:var(--green-soft);color:var(--green)}.chip-blue{background:var(--blue-soft);color:var(--blue)}.chip-violet{background:var(--violet-soft);color:var(--violet)}.chip-orange{background:var(--orange-soft);color:#b4690e}.chip-red{background:var(--red-soft);color:var(--red)}.delta{display:inline-flex;align-items:center;gap:2px;color:var(--green);font-size:12.5px;font-weight:650}.delta-down{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:var(--r-pill);background:var(--inset);color:var(--ink);font-size:14px;font-weight:600;letter-spacing:-.01em;transition:transform .12s ease,background .16s ease,opacity .16s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 6px 16px -8px #4a6bf6e6}.btn-tonal{background:var(--blue-soft);color:var(--blue)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:active{background:var(--inset)}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-sm{padding:7px 12px;font-size:13px}.btn-lg{padding:14px 20px;font-size:15.5px}.btn-block{width:100%}.btn-icon{padding:0;width:36px;height:36px;border-radius:50%;flex-shrink:0}.btn-icon.btn-sm{width:30px;height:30px}.iconbtn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--ink-2);box-shadow:0 1px 3px #10182814;transition:transform .12s ease}.iconbtn:active{transform:scale(.94)}.iconbtn-accent{background:var(--grad);color:#fff;box-shadow:0 6px 16px -8px #4a6bf6e6}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:var(--card);border-radius:18px;padding:14px;box-shadow:var(--sh-card);display:grid;gap:2px;align-content:start}.stat-top{display:flex;align-items:center;gap:9px;margin-bottom:6px}.stat-k{color:var(--ink-2);font-size:13.5px;font-weight:550;letter-spacing:-.01em}.stat-v{font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.stat-s{color:var(--dim);font-size:12.5px}.hero{position:relative;overflow:hidden;border-radius:var(--r-card);background:var(--grad);color:#fff;padding:18px;box-shadow:0 14px 34px -20px #4a6bf6f2}.hero:after{content:"";position:absolute;right:-46px;top:-62px;width:190px;height:190px;border-radius:50%;background:#ffffff24}.hero h2{font-size:19px;line-height:1.25;max-width:19ch}.hero p{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:#ffffffd1;max-width:34ch}.hero-row{display:flex;align-items:center;gap:10px;margin-top:14px;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-pill);background:#ffffff2e;font-size:12.5px;font-weight:600}.hero .btn{background:#fff;color:var(--blue);box-shadow:none}.banner{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:16px;background:var(--green-soft);color:#0b6b38;font-size:13.5px;line-height:1.4}.banner-blue{background:var(--blue-soft);color:#22408f}.banner-orange{background:var(--orange-soft);color:#8a5106}.banner-red{background:var(--red-soft);color:#a0272b}.banner b{font-weight:650}.live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 #12a15080;animation:pulse 2.4s ease-out infinite;flex-shrink:0}@keyframes pulse{70%{box-shadow:0 0 0 7px #12a15000}to{box-shadow:0 0 #12a15000}}.triple{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;border-radius:16px;background:var(--inset);overflow:hidden}.triple>div{padding:12px 6px}.triple>*+*{border-left:1px solid #e2e5ef}.triple b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em}.triple span{color:var(--dim);font-size:12px}.gauge{height:7px;border-radius:999px;background:var(--inset-2);overflow:hidden}.gauge span{display:block;height:100%;border-radius:999px;background:var(--blue);transition:width .5s cubic-bezier(.2,.8,.2,1)}.gauge-warn span{background:var(--orange)}.spark{width:100%;height:34px;display:block}.chart{width:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none}.chart svg{display:block;overflow:visible}.chart-axis{fill:var(--faint);font-size:10.5px;font-weight:500}.chart-label{fill:var(--faint);font-size:10.5px}.chart-label-on{fill:var(--ink-2);font-weight:600}.chart-badge{fill:#fff;font-size:11px;font-weight:700;text-anchor:middle}.bars{display:flex;align-items:flex-end;gap:6px}.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;text-align:center}.bar span{display:block;border-radius:6px 6px 3px 3px;transition:height .4s cubic-bezier(.2,.8,.2,1)}.bar b{color:var(--faint);font-size:10.5px;font-weight:500}.donut-wrap{display:flex;align-items:center;gap:18px}.donut{position:relative;flex-shrink:0}.donut-mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.donut-mid b{display:block;font-size:21px;font-weight:700;letter-spacing:-.03em}.donut-mid span{color:var(--dim);font-size:11px}.legend{flex:1;min-width:0;list-style:none;margin:0;padding:0;display:grid;gap:9px}.legend li{display:flex;align-items:center;gap:8px;font-size:13.5px}.legend i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend span{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend b{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}.big{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.big-v{font-size:32px;font-weight:700;letter-spacing:-.035em;line-height:1.05}.big-k{color:var(--dim);font-size:13px}.aside-box{padding:10px 13px;border-radius:14px;background:var(--inset);text-align:left;min-width:96px}.aside-box b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em}.aside-box span{color:var(--dim);font-size:11.5px;line-height:1.3;display:block}.full{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--bg);animation:push .26s cubic-bezier(.25,.9,.3,1)}@keyframes push{0%{transform:translate(26px);opacity:0}}.full-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:#f2f3f9e0;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid transparent;transition:border-color .2s ease}.full-head.stuck{border-bottom-color:var(--line)}.full-head h2{font-size:18px;font-weight:650;letter-spacing:-.02em}.full-body{flex:1;overflow-y:auto;padding:2px 16px calc(28px + env(safe-area-inset-bottom))}.full-body>.inner{max-width:740px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;grid-auto-rows:max-content}.full-foot{display:flex;gap:8px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}.full-foot .btn{flex:1}.period{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-pill);background:#fff;box-shadow:0 1px 3px #10182814;font-size:13px;font-weight:600;color:var(--ink-2)}.node{display:flex;gap:11px;align-items:flex-start;width:100%;padding:0;background:none;text-align:left}.node-n{display:grid;place-items:center;width:26px;height:26px;margin-top:13px;border-radius:50%;background:var(--inset);color:var(--dim);font-size:12px;font-weight:700;flex-shrink:0}.node-card{flex:1;min-width:0;display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border-radius:18px;background:var(--card);box-shadow:var(--sh-card);transition:transform .14s ease,box-shadow .14s ease}button.node:active .node-card{transform:scale(.985)}.node-main{flex:1;min-width:0}.node-t{font-size:15px;font-weight:600;letter-spacing:-.01em}.node-d{margin-top:2px;color:var(--dim);font-size:12.5px;line-height:1.4}.node-say{margin-top:9px;padding:9px 11px;border-radius:12px;background:var(--inset);color:var(--ink-2);font-size:13px;line-height:1.45}.node-keys{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.node-off .node-card{opacity:.55}.wire{display:grid;place-items:center;height:30px;margin-left:37px;position:relative}.wire:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--line);border-radius:2px}.wire button{position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 1px 4px #10182829;transition:transform .14s ease,background .14s ease}.wire button:active{transform:scale(.9)}.branch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 0 37px}.branch-head{display:flex;gap:10px;margin:8px 0 8px 37px}.branch-tag{padding:3px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:650;color:#fff}.branch-yes{background:var(--green)}.branch-no{background:#aab0bd}.branch-card{min-width:0;padding:11px 12px;border-radius:15px;font-size:12.5px;line-height:1.4;background:var(--card);box-shadow:var(--sh-card);overflow-wrap:anywhere}.branch-card b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:3px}.branch-card span{color:var(--dim)}.branch-card-yes{background:var(--green-soft);box-shadow:none}.branch-card-yes b{color:#0b6b38}.said{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:9px 11px;border-radius:13px;background:var(--inset)}.said-bot{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--blue-soft);color:var(--blue);flex-shrink:0}.said-body{min-width:0;flex:1}.said-text{color:var(--ink-2);font-size:13px;line-height:1.4}.said-mark{display:inline-flex;align-items:center;gap:4px;margin-top:5px;font-size:11.5px;font-weight:600;color:var(--green)}.said-wait{color:var(--blue)}.said-draft{background:var(--blue-soft)}.said-draft .said-text{color:#22408f}.unread{width:9px;height:9px;border-radius:50%;background:var(--blue);flex-shrink:0}.field{display:grid;gap:6px}.field>label{font-size:13.5px;font-weight:600;color:var(--ink-2);letter-spacing:-.01em}.field .hint{color:var(--dim);font-size:12.5px;line-height:1.4}input[type=text],input[type=url],input[type=number],input[type=password],input[type=datetime-local],textarea,select{width:100%;padding:11px 13px;border-radius:13px;border:1px solid transparent;background:var(--inset);color:var(--ink);font-size:14.5px;transition:background .16s ease,border-color .16s ease}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{outline:none;background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px #3b63f61f}textarea{min-height:92px;resize:vertical;line-height:1.5}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a90a0' stroke-width='2.4' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.switch{position:relative;width:50px;height:30px;border-radius:999px;background:#d9dce6;flex-shrink:0;transition:background .22s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #10182833;transition:transform .22s cubic-bezier(.3,1.4,.5,1)}.switch[aria-checked=true]{background:var(--blue)}.switch[aria-checked=true]:after{transform:translate(20px)}.switch-sm{width:42px;height:25px}.switch-sm:after{width:21px;height:21px}.switch-sm[aria-checked=true]:after{transform:translate(17px)}.quote{padding:11px 13px;border-radius:13px;background:var(--inset);color:var(--ink-2);font-size:14px;line-height:1.5}.ai-reply{display:flex;gap:9px;padding:10px 12px;border-radius:13px;background:var(--blue-soft);color:#22408f;font-size:13.5px;line-height:1.45}.ai-reply .tile{width:24px;height:24px;border-radius:8px;background:#3b63f629;color:var(--blue)}.kv{display:grid;gap:0;margin:0}.kv>div{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13.5px}.kv>div+div{border-top:1px solid var(--line-soft)}.kv dt{color:var(--dim);flex-shrink:0}.kv dd{margin:0 0 0 auto;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis}.steps{margin:0;padding-left:20px;display:grid;gap:7px;color:var(--ink-2);font-size:13.5px;line-height:1.45}.flow{display:grid;gap:0}.flow-step{display:flex;gap:12px;align-items:flex-start}.flow-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--inset);color:var(--ink-2);font-size:12px;font-weight:700;flex-shrink:0}.flow-card{flex:1;min-width:0;padding:12px 13px;border-radius:14px;background:var(--inset)}.flow-card .t{font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px}.flow-card .d{margin-top:2px;color:var(--dim);font-size:12.5px}.flow-card .say{margin-top:8px;padding:8px 10px;border-radius:10px;background:#fff;font-size:13px;line-height:1.45;color:var(--ink-2)}.flow-link{width:2px;height:14px;margin-left:11px;background:var(--line);border-radius:2px}.flow-branch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-left:36px}.flow-branch>div{padding:10px 12px;border-radius:13px;font-size:12.5px;line-height:1.4}.flow-yes{background:var(--green-soft);color:#0b6b38}.flow-no{background:var(--inset);color:var(--ink-2)}.flow-branch b{display:block;font-size:13px;margin-bottom:2px}.thumb{position:relative;width:58px;height:58px;border-radius:13px;overflow:hidden;background:var(--inset-2);flex-shrink:0;display:grid;place-items:center;color:var(--dim)}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block}.thumb .play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#0000000d,#00000059)}.thumb-lg{width:74px;height:74px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--inset-2);color:var(--ink-2);font-size:13px;font-weight:650;text-transform:uppercase;flex-shrink:0}.avatar-sm{width:30px;height:30px;font-size:11.5px}.thread{display:grid;gap:10px;padding:4px 0 2px}.bubble{max-width:80%;padding:10px 13px;border-radius:19px;font-size:14.5px;line-height:1.45;word-break:break-word}.bubble-in{justify-self:start;background:var(--inset);color:var(--ink);border-bottom-left-radius:7px}.bubble-out{justify-self:end;background:var(--blue);color:#fff;border-bottom-right-radius:7px}.bubble-time{margin-top:3px;font-size:10.5px;opacity:.6;text-align:right}.composer{position:sticky;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 14px);display:flex;align-items:center;gap:8px;padding:8px;border-radius:24px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--sh-float)}.composer input{background:var(--inset);border-radius:999px}.empty{display:grid;justify-items:center;gap:7px;padding:34px 20px;text-align:center}.empty .tile{width:48px;height:48px;border-radius:16px;margin-bottom:4px}.empty strong{font-size:15.5px;font-weight:650}.empty p{margin:0;max-width:34ch;color:var(--dim);font-size:13.5px;line-height:1.45}.skel{height:13px;border-radius:7px;background:linear-gradient(90deg,var(--inset) 25%,var(--inset-2) 37%,var(--inset) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{to{background-position:-135% 0}}.scrim{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#0e122061;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s ease}.sheet{width:100%;max-width:560px;max-height:92dvh;display:flex;flex-direction:column;background:var(--bg);border-radius:26px 26px 0 0;animation:rise .28s cubic-bezier(.2,.9,.25,1);overflow:hidden}.sheet-grip{width:38px;height:5px;border-radius:3px;background:#d5d8e2;margin:8px auto 0;flex-shrink:0}.sheet-head{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:16px;font-weight:650;letter-spacing:-.01em;flex-shrink:0}.sheet-body{padding:4px 16px 16px;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start;grid-auto-rows:max-content}.sheet-foot{display:flex;gap:8px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);flex-shrink:0}.sheet-foot .btn{flex:1}@keyframes rise{0%{transform:translateY(26px);opacity:0}}@keyframes fade{0%{opacity:0}}.cmd{width:100%;max-width:480px;margin-bottom:auto;margin-top:12vh;border-radius:20px;background:#fff;box-shadow:var(--sh-float);overflow:hidden;animation:rise .22s ease}.cmd input{border-radius:0;background:#fff;border:0;border-bottom:1px solid var(--line);padding:15px 16px;font-size:15px}.cmd input:focus{box-shadow:none;border-color:var(--line)}.cmd-list{max-height:46vh;overflow-y:auto;padding:6px}.cmd-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border-radius:12px;font-size:14px}.cmd-item[aria-selected=true]{background:var(--blue-soft);color:var(--blue)}.cmd-item .hint{margin-left:auto;color:var(--faint);font-size:12px}.toasts{position:fixed;left:50%;transform:translate(-50%);top:calc(12px + env(safe-area-inset-top));z-index:80;display:grid;gap:8px;width:calc(100% - 32px);max-width:420px;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:16px;background:#fffffff5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--sh-float);font-size:13.5px;font-weight:500;animation:drop .26s cubic-bezier(.2,.9,.25,1)}.toast svg{flex-shrink:0;color:var(--green)}.toast-err svg{color:var(--red)}@keyframes drop{0%{transform:translateY(-14px);opacity:0}}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.gate-card{width:100%;max-width:380px;background:#fff;border-radius:26px;padding:26px 22px;box-shadow:var(--sh-card);display:grid;gap:14px;text-align:center}.gate-mark{justify-self:center;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--grad);color:#fff;box-shadow:0 10px 24px -12px #4a6bf6e6}.gate h1{font-size:21px}.gate p{margin:-8px 0 4px;color:var(--dim);font-size:13.5px;line-height:1.45}.gate .field{text-align:left}.enter>*{animation:rise-in .42s cubic-bezier(.2,.8,.25,1) backwards}.enter>*:nth-child(1){animation-delay:.02s}.enter>*:nth-child(2){animation-delay:.06s}.enter>*:nth-child(3){animation-delay:.1s}.enter>*:nth-child(4){animation-delay:.14s}.enter>*:nth-child(n+5){animation-delay:.18s}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(min-width:900px){.canvas{max-width:880px}.pagehead h1{font-size:34px}.stats{grid-template-columns:repeat(4,1fr)}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.full-head,.full-foot{padding-left:max(16px,calc((100% - 740px)/2));padding-right:max(16px,calc((100% - 740px)/2))}.scrim{align-items:center}.sheet{border-radius:24px;max-height:86dvh}.sheet-foot{padding-bottom:14px}}