:root{color-scheme:light;--brand: #FF7A59;--on-grad: #1A0F0A;--grad: linear-gradient(135deg, #FF7A59, #FFB347 60%, #FFD6A5);--grad-line: linear-gradient(90deg, #FF7A59, #FFB347 55%, #FFD6A5);--grad-bubble: linear-gradient(135deg, #FF7A59, #FFB347);--r-sm: 12px;--r-md: 14px;--r-lg: 20px;--r-xl: 22px;--tabbar-space: calc(92px + env(safe-area-inset-bottom)) ;--font: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Unbounded, var(--font);--bg: #FBF7F3;--card: #FFFFFF;--card-2: #F4EEE8;--text: #1C1714;--hint: #6E645B;--border: #EDE4DA;--link: #C2461F;--accent: #1C1714;--accent-text: #FBF7F3;--glass: rgba(28, 23, 20, .05);--glass-border: #E3D8CC;--danger: #C62F22;--ok: #1E7A47;--ok-bg: #E2F5E9;--warn: #8A4F00;--warn-bg: #FFF0D9;--bad-bg: #FDE5E2;--glow: rgba(255, 122, 89, .22);--dot: rgba(28, 23, 20, .07);--hero-bg: linear-gradient(140deg, #FFE1D4, #FFEFD6 60%, #FFFFFF);--hero-border: #F6CDB0;--hero-label: #A63C17;--tab-bg: rgba(255, 255, 255, .94);--tab-active-bg: #FFE6DA;--tab-active: #A63C17;--shadow: 0 8px 24px rgba(60, 35, 20, .08)}:root[data-theme=dark]{color-scheme:dark;--bg: #0D0B0A;--card: #17130F;--card-2: #1C1713;--text: #F4EEE8;--hint: #A39A90;--border: rgba(244, 238, 232, .08);--link: #FFB347;--accent: #F4EEE8;--accent-text: #1A0F0A;--glass: rgba(244, 238, 232, .06);--glass-border: rgba(244, 238, 232, .14);--danger: #FF9184;--ok: #8FE3B4;--ok-bg: rgba(120, 214, 160, .14);--warn: #FFC56E;--warn-bg: rgba(255, 179, 71, .16);--bad-bg: rgba(255, 110, 96, .16);--glow: rgba(255, 122, 89, .3);--dot: rgba(244, 238, 232, .06);--hero-bg: linear-gradient(140deg, rgba(255, 122, 89, .22), rgba(255, 179, 71, .1) 55%, rgba(23, 19, 15, .7));--hero-border: rgba(255, 179, 71, .24);--hero-label: #FFC56E;--tab-bg: rgba(23, 19, 15, .92);--tab-active-bg: rgba(255, 122, 89, .16);--tab-active: #FFB347;--shadow: none}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 90% 320px at 50% -60px,var(--glow),transparent 75%) no-repeat,radial-gradient(var(--dot) 1px,transparent 1px) 0 0 / 20px 20px,var(--bg)}.app{max-width:720px;margin:0 auto;padding:16px 16px calc(var(--tabbar-space) + 12px)}h1{font:500 22px/1.25 var(--font-display);letter-spacing:-.01em;margin:8px 2px 16px}h2{font:500 15px/1.3 var(--font-display);margin:22px 4px 8px}h1,h2,.brand .name,.pre,.hint{overflow-wrap:anywhere}.sub{color:var(--hint);font-size:13px;overflow-wrap:anywhere}.brand{display:flex;align-items:center;gap:10px;margin:4px 2px 18px}.brand .logo{width:34px;height:34px;border-radius:10px;background:var(--grad);color:var(--on-grad);display:grid;place-items:center;flex:none}.brand .name{font:600 18px/1.1 var(--font-display);letter-spacing:-.01em}.brand .sub{font-size:12px;color:var(--hint)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}.row{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:center}.row:last-child{border-bottom:none}.row .main{flex:1;min-width:0}.row .title{font-weight:600;overflow-wrap:anywhere}.row .sub{color:var(--hint);font-size:13px;overflow-wrap:anywhere}.row.clickable{cursor:pointer}.row.clickable:active{background:var(--glass)}.empty{padding:18px;color:var(--hint);text-align:center}.form{padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;overflow-wrap:anywhere}label{display:grid;gap:4px;font-size:13px;color:var(--hint)}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--glass-border);border-radius:var(--r-sm);padding:11px 13px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:0}input[type=checkbox]{width:18px;height:18px;padding:0;margin:0;flex:none;accent-color:var(--brand)}button{font:600 15px/1.2 var(--font);border:none;border-radius:var(--r-md);padding:13px 18px;background:var(--accent);color:var(--accent-text);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--glass);color:var(--text);border:1px solid var(--glass-border)}button.danger{background:none;color:var(--danger);padding:8px 10px;font-weight:600}button.ghost{background:none;color:var(--link);padding:8px 10px;font-weight:600}.actions .push{margin-left:auto}button.back{background:none;color:var(--link);padding:4px 0;font-weight:600}.badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;background:var(--glass);color:var(--hint)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--danger)}.error{background:var(--bad-bg);color:var(--danger);padding:11px 14px;border-radius:var(--r-md);margin:8px 0;overflow-wrap:anywhere}.notice{background:var(--ok-bg);color:var(--ok);padding:11px 14px;border-radius:var(--r-md);margin:8px 0;overflow-wrap:anywhere}.notice.warn{background:var(--warn-bg);color:var(--warn)}.error.with-action{display:flex;gap:10px;align-items:center;justify-content:space-between}.error.with-action button{flex:none;background:none;color:var(--danger);border:1px solid currentColor;border-radius:999px;padding:6px 12px;font-size:13px}.skeleton{height:14px;border-radius:8px;background:var(--glass-border);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.stale{opacity:.5;transition:opacity .2s}.text-danger{color:var(--danger);font-size:13px}.text-warn{color:var(--warn);font-size:13px}.details{display:grid;gap:2px;margin-top:4px}.quote{background:var(--bg);border-radius:var(--r-sm);padding:10px 12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.stack{display:grid;gap:8px}.center{min-height:70vh;display:grid;place-content:center;text-align:center;gap:8px;padding:16px;color:var(--hint)}.center .big{font-size:40px}.center .splash{width:96px;height:96px;border-radius:28px;justify-self:center;margin-bottom:8px}.tabbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:696px;margin:0 auto;display:flex;gap:2px;padding:6px;background:var(--tab-bg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10}.tabbar button{flex:1;min-width:0;background:none;color:var(--hint);border-radius:16px;padding:8px 0 6px;font-size:clamp(10px,2.8vw,11px);font-weight:600;display:grid;gap:3px;justify-items:center}.tabbar .tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar button.active{background:var(--tab-active-bg);color:var(--tab-active)}.tabbar .icon{display:grid;place-items:center;height:20px}code{font-size:12px;overflow-wrap:anywhere}.select-all{-webkit-user-select:all;user-select:all}.hint{color:var(--hint);font-size:13px;margin:4px 4px 12px}.pre{white-space:pre-wrap}.segments{display:flex;gap:6px;overflow-x:auto;margin:0 0 14px;padding-bottom:2px;scrollbar-width:none}.segments::-webkit-scrollbar{display:none}.card+.segments{margin-top:14px}.segments button{flex:none;background:transparent;color:var(--hint);border:1px solid var(--glass-border);font-size:13px;padding:8px 13px;border-radius:999px}.segments button.active{background:var(--accent);color:var(--accent-text);border-color:transparent}.chat{display:flex;flex-direction:column;gap:8px;padding:8px 0;min-height:40vh}.bubble{max-width:85%;padding:10px 13px;border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.in{align-self:flex-start;background:var(--card-2);border:1px solid var(--border);border-bottom-left-radius:6px}.bubble.out{align-self:flex-end;background:var(--grad-bubble);color:var(--on-grad);border-bottom-right-radius:6px}.bubble.typing{color:var(--hint);font-style:italic}.bubble.manager{align-self:flex-end;background:var(--card);color:var(--text);border:1px solid var(--hero-border);border-bottom-right-radius:6px}.bubble.manager.auto{color:var(--hint);font-style:italic}.bubble .sub{color:inherit;opacity:.7;font-size:11px;margin-bottom:2px}.bubble.deleted{opacity:.55}.bubble-marks{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.bubble-mark{font-size:11px;font-weight:600;font-style:normal;padding:2px 8px;border-radius:999px;background:var(--card);color:var(--danger)}.bubble-mark.muted{color:var(--hint)}.debug{margin-top:8px;padding-top:6px;border-top:1px dashed currentColor;font-size:12px;opacity:.75;display:grid;gap:2px}.composer{position:sticky;bottom:var(--tabbar-space);display:flex;gap:8px;padding:8px 0;background:var(--bg)}.composer textarea{flex:1;resize:none}.savebar{position:sticky;bottom:var(--tabbar-space);padding:8px 0;background:var(--bg);z-index:5}.savebar .sub{color:var(--hint);font-size:13px}.composer button{flex:none;padding:0 16px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tile{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;display:grid;gap:2px;box-shadow:var(--shadow)}.tile .value{font:500 24px/1.15 var(--font-display)}.tile .label{color:var(--hint);font-size:13px}.hero{background:var(--hero-bg);border:1px solid var(--hero-border);border-radius:var(--r-xl);padding:18px;display:grid;gap:10px;margin-bottom:10px}.hero .label{font-size:12px;font-weight:600;color:var(--hero-label);text-transform:uppercase;letter-spacing:.08em}.hero .value{font:600 44px/1 var(--font-display)}.hero .value small{font:500 13px var(--font);color:var(--hint);margin-left:8px;letter-spacing:0}.hero .bar{height:6px;border-radius:99px;background:var(--glass);overflow:hidden}.hero .bar>div{height:100%;border-radius:99px;background:var(--grad-line)}.hero .sub{font-size:13px;color:var(--hint)}.delta{font-size:12px;font-weight:600;color:var(--hint)}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.chart{display:flex;align-items:flex-end;gap:3px;height:120px}.chart .col{flex:1;height:100%;display:flex;align-items:flex-end;min-width:0}.chart .bar{width:100%;min-height:2px;border-radius:6px 6px 2px 2px;background:var(--glass-border);display:flex;align-items:flex-end;overflow:hidden}.chart .bar .part{width:100%;background:var(--grad-line);border-radius:6px 6px 0 0}.chart-axis{display:flex;gap:3px;font-size:10px;color:var(--hint)}.chart-axis span{flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:visible}.dot{display:inline-block;width:8px;height:8px;border-radius:3px;background:var(--glass-border);margin-right:4px}.dot.accent{background:var(--grad-line)}.hbar-head{display:flex;justify-content:space-between;gap:8px;font-size:14px}.hbar-head span{min-width:0;overflow-wrap:anywhere}.hbar-track{height:8px;border-radius:99px;background:var(--glass);overflow:hidden;margin-top:5px}.hbar-track>div{height:100%;border-radius:99px;background:var(--grad-line)}.table-wrap{overflow-x:auto}table.stats{width:100%;border-collapse:collapse;font-size:14px}table.stats th{text-align:left;font-weight:600;font-size:12px;color:var(--hint);padding:10px 12px;white-space:nowrap}table.stats td{padding:10px 12px;border-top:1px solid var(--border);white-space:nowrap}table.stats td:first-child{white-space:normal;font-weight:600}.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);margin:0 4px 12px}.check.inline{margin:0}
