@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap");:root{--bg:#fff;--bg2:#f5f5f7;--bg3:#e8e8ed;--card:#fff;--dark:#1d1d1f;--text:#1d1d1f;--text2:#6e6e73;--text3:#aeaeb2;--accent:#0071e3;--accent2:#0077ed;--accent-soft:rgba(0,113,227,.04);--teal:#32afa9;--indigo:#5856d6;--purple:#af52de;--rose:#ff3b5c;--gold:#e6a817;--green:#34c759;--sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;--mono:"SF Mono","Fira Code","JetBrains Mono",ui-monospace,monospace;--radius:16px;--radius-sm:10px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;font-weight:300;letter-spacing:-.01em}::selection{background:rgba(0,113,227,.12)}.container{max-width:980px;margin:0 auto;padding:0 24px}.t-canvas{background:var(--bg);border:1px solid var(--bg3);border-radius:var(--radius);overflow:hidden}.t-canvas canvas{width:100%;display:block}.t-input{background:var(--bg2);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);padding:10px 14px;font-size:14px;font-family:var(--mono);font-weight:400;outline:none;width:100%;transition:all .2s}.t-input:focus{background:var(--bg);border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,113,227,.1)}.t-label{font-size:11px;color:var(--text3);letter-spacing:.03em;margin-bottom:6px;font-weight:500}.t-slider{width:100%;accent-color:var(--accent);cursor:pointer}.t-pill{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:400;border:1px solid var(--bg3);background:var(--bg);color:var(--text2);cursor:pointer;transition:all .2s;font-family:var(--sans)}.t-pill:hover{background:var(--bg2)}.t-pill.active{background:var(--text);border-color:var(--text);color:#fff}.t-btn{padding:11px 24px;border-radius:980px;font-size:14px;font-weight:400;border:none;cursor:pointer;font-family:var(--sans);transition:all .2s;letter-spacing:-.01em}.t-btn-primary{background:var(--accent);color:#fff}.t-btn-primary:hover{background:var(--accent2)}.t-btn-ghost{background:transparent;color:var(--accent)}.t-btn-ghost:hover{background:var(--accent-soft)}.t-metric{background:var(--bg2);border-radius:var(--radius-sm);padding:12px 14px;flex:1 1;min-width:90px}.t-metric-label{font-size:11px;color:var(--text3);margin-bottom:3px;font-weight:400;letter-spacing:.01em}.t-metric-value{font-size:17px;font-weight:300;font-family:var(--mono);letter-spacing:-.02em}.t-hint{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;line-height:1.5;background:var(--bg2);color:var(--text2);font-weight:400}@media (max-width:640px){.container{padding:0 16px}.t-metric{min-width:70px;padding:10px}.t-metric-value{font-size:15px}}