@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;0,9..144,700;1,9..144,400&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";:root{--bg: #0d1018;--surface: #161a24;--surface2: #1c2030;--surface3: #222738;--border: rgba(255, 255, 255, .07);--border2: rgba(255, 255, 255, .12);--orange: #f26522;--orange-dim: rgba(242, 101, 34, .12);--orange-glow: rgba(242, 101, 34, .3);--text: #e6e8f0;--text-muted: #7880a0;--text-dim: #40485e;--green: #43c98a;--green-dim: rgba(67, 201, 138, .12);--blue: #5b8df0;--blue-dim: rgba(91, 141, 240, .12);--purple: #9b72ff;--purple-dim: rgba(155, 114, 255, .12);--teal: #3ecfd0;--teal-dim: rgba(62, 207, 208, .12);--red: #e05c6a;--red-dim: rgba(224, 92, 106, .1);--yellow: #f5c842;--yellow-dim: rgba(245, 200, 66, .1);--r: 14px;--r-sm: 8px;--r-xs: 6px;--r-pill: 20px;--font-heading: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--max-w: 430px;--topnav-h: 50px;--bottomnav-h: 58px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);height:100%;max-width:var(--max-w);margin:0 auto;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.scroll-area{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.section-label{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--text-dim);text-transform:uppercase}.pad{padding:14px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-14{margin-bottom:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px}.card+.card{margin-top:10px}.divider{height:1px;background:var(--border);margin:14px 0}button{font-family:var(--font-body);cursor:pointer}.btn-primary{background:var(--orange);border:none;border-radius:var(--r);color:#fff;font-size:15px;font-weight:600;padding:14px;width:100%;transition:background .2s,transform .15s}.btn-primary:hover{background:#e0581a;transform:translateY(-1px)}.btn-primary:active{background:#c84e16;transform:translateY(0)}.btn-primary:disabled{background:var(--surface2);color:var(--text-dim);cursor:not-allowed;transform:none}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:12px;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text);border-color:var(--border2)}.tabs-row{display:flex;gap:5px;overflow-x:auto;margin-bottom:12px;padding-bottom:1px;scrollbar-width:none}.tabs-row::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:6px 13px;border-radius:var(--r-pill);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;white-space:nowrap;transition:all .12s}.tab-btn.active{background:var(--orange);border-color:var(--orange);color:#fff}.tab-btn.active-blue{background:var(--blue);border-color:var(--blue);color:#fff}.tab-btn.active-purple{background:var(--purple);border-color:var(--purple);color:#fff}.tab-btn.active-teal{background:var(--teal);border-color:var(--teal);color:var(--bg)}textarea,input,select{font-family:var(--font-body);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;transition:border-color .15s}textarea{resize:none;line-height:1.6}textarea:focus{border-color:var(--orange)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 30px var(--orange-glow)}50%{box-shadow:0 0 60px #f2652280}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .3s ease}.fade-in{animation:fadeIn .25s ease}.badge{display:inline-flex;align-items:center;font-size:9px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.04em}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-orange{background:var(--orange-dim);color:var(--orange)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-teal{background:var(--teal-dim);color:var(--teal)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-dim{background:var(--surface2);color:var(--text-dim)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}