:root{--bg:#000;--sf:#0a0a0a;--sf2:#181818;--bd:#2e2e2e;--t1:#f5f5f5;--t2:#999;--t3:#666;--ac:#fff;--acf:#ffffff14;--acg:#ffffff26;--grn:#00c853;--ylw:#ff9500;--red:#ff3b30;--fd:"Instrument Serif", Georgia, serif;--fb:"Outfit", system-ui, -apple-system, sans-serif;--fm:"IBM Plex Mono", monospace}[data-theme=light]{--bg:#fff;--sf:#f5f5f5;--sf2:#efefef;--bd:#d6d6d6;--t1:#000;--t2:#555;--t3:#888;--ac:#000;--acf:#0000000f;--acg:#0000001f;--grn:#16a34a;--ylw:#d97706;--red:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);font-family:var(--fb);color:var(--t1);min-height:100vh}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input[type=range]{appearance:none;background:var(--bd);border-radius:4px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ac);cursor:pointer;border-radius:50%;width:20px;height:20px}input[type=checkbox]{accent-color:var(--ac);cursor:pointer;width:16px;height:16px}textarea::placeholder,input::placeholder{color:var(--t3)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--bd);border-radius:10px}textarea,input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]){background:var(--sf2);border:1.5px solid var(--bd);width:100%;color:var(--t1);font-size:16px;font-family:var(--fb);border-radius:10px;outline:none;padding:12px 16px}textarea{resize:vertical;line-height:1.7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}svg.i{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;vertical-align:middle;width:16px;height:16px}.app-header{z-index:100;background:var(--bg);padding:12px 0 0;position:sticky;top:0}.tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll>button{flex-shrink:0}.stabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.stabs-scroll::-webkit-scrollbar{display:none}.stabs-scroll>button{flex-shrink:0}@media (width<=480px){.app-wrap{padding:0 12px 80px!important}.app-header{padding:8px 0 0}.app-header h1{font-size:22px!important}}