:root{--grad: linear-gradient(135deg, #FF7A59, #FFB347 60%, #FFD6A5);--grad-line: linear-gradient(90deg, #FF7A59, #FFB347 55%, #FFD6A5);--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);--bubble-out-text: #1A0F0A}:root[data-theme=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 104px}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}.brand{display:flex;align-items:center;gap:10px;margin:4px 2px 18px}.brand .logo{width:34px;height:34px;border-radius:10px;background:var(--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:20px;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;gap:10px}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:12px;padding:11px 13px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,#FF7A59 55%,transparent);outline-offset:0}button{font:600 15px/1.2 var(--font);border:none;border-radius:14px;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.primary-grad{background:var(--grad);color:#1a0f0a}button.danger{background:none;color:var(--danger);padding:8px 10px;font-weight:600}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:14px;margin:8px 0}.notice{background:var(--ok-bg);color:var(--ok);padding:11px 14px;border-radius:14px;margin:8px 0;overflow-wrap:anywhere}.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:22px;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 2px 6px;font-size:11px;font-weight:600;display:grid;gap:3px;justify-items:center}.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}.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}.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:linear-gradient(135deg,#ff8a63,#ffb04d);color:var(--bubble-out-text);border-bottom-right-radius:6px}.bubble.typing{color:var(--hint);font-style:italic}.bubble .sub{color:inherit;opacity:.7;font-size:11px;margin-bottom:2px}.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:92px;display:flex;gap:8px;padding:8px 0;background:var(--bg)}.composer textarea{flex:1;resize:none}.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:18px;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:22px;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)}.grad-text{background:var(--grad-line);-webkit-background-clip:text;background-clip:text;color:transparent}.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-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 input{width:18px;height:18px;accent-color:#FF7A59}