:root{--bg-main:#f8fafc;--bg-surface:#fff;--bg-subtle:#f1f5f9;--border-flat:#e2e8f0;--border-strong:#cbd5e1;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--brand-primary:#3b82f6;--brand-primary-light:#eff6ff;--flat-emerald:#10b981;--flat-emerald-bg:#ecfdf5;--flat-emerald-border:#a7f3d0;--flat-amber:#f59e0b;--flat-amber-bg:#fffbeb;--flat-amber-border:#fde68a;--flat-rose:#f43f5e;--flat-rose-bg:#fff1f2;--flat-rose-border:#fecdd3;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}html,body{background-color:var(--bg-main);width:100%;max-width:100vw;color:var(--text-main);font-family:var(--font-sans);-webkit-text-size-adjust:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden!important}*{box-sizing:border-box;max-width:100%;margin:0;padding:0}.mobile-wrapper{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:100vw;margin:0 auto;padding:8px 8px 70px;display:flex;overflow-x:hidden!important}@media (width>=640px){.mobile-wrapper{gap:16px;padding:16px}}@media (width>=900px){.mobile-wrapper{gap:20px;max-width:1200px;padding:24px}}.desktop-only-nav{display:none!important}.mobile-only-bottom-nav{display:flex!important}@media (width>=640px){.desktop-only-nav{display:flex!important}.mobile-only-bottom-nav{display:none!important}.top-header{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px}}.brand-title{color:var(--text-main);letter-spacing:-.5px;font-size:1.1rem;font-weight:800}.brand-desc{color:var(--text-muted);font-size:.72rem}.flat-badge{background:var(--flat-emerald-bg);border:1px solid var(--flat-emerald-border);color:#047857;border-radius:100px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.dashboard-grid{flex-direction:column;gap:14px;width:100%;display:flex;overflow-x:hidden}@media (width>=900px){.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}}.flat-panel{background:var(--bg-surface);border:1px solid var(--border-flat);border-radius:18px;flex-direction:column;gap:14px;width:100%;padding:14px;display:flex;overflow-x:hidden}@media (width>=640px){.flat-panel{border-radius:20px;gap:16px;padding:20px}}.panel-title{color:var(--text-main);border-bottom:1px solid var(--border-flat);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding-bottom:10px;font-size:.85rem;font-weight:800;display:flex}.sim-box{background:var(--bg-subtle);border:1px solid var(--border-flat);border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:12px;display:flex;overflow-x:hidden}.sim-row{width:100%;color:var(--text-muted);flex-direction:column;gap:4px;font-size:.75rem;display:flex}@media (width>=480px){.sim-row{flex-direction:row;justify-content:space-between;align-items:center}}.sim-select{background:var(--bg-surface);width:100%;max-width:100%;color:var(--text-main);border:1px solid var(--border-flat);border-radius:8px;outline:none;padding:6px 8px;font-family:inherit;font-size:.75rem}@media (width>=480px){.sim-select{width:auto;max-width:240px}}.mode-grid{grid-template-columns:1fr;gap:8px;width:100%;display:grid}@media (width>=440px){.mode-grid{grid-template-columns:repeat(3,1fr)}}.mode-pill{background:var(--bg-surface);border:1px solid var(--border-flat);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 8px;transition:all .15s;display:flex}@media (width>=440px){.mode-pill{flex-direction:column;gap:4px}}.mode-pill.active{background:var(--brand-primary-light);border-color:var(--brand-primary);color:var(--brand-primary)}.mode-pill-title{font-size:.72rem;font-weight:700}.timer-flat{background:var(--bg-subtle);border:1px solid var(--border-flat);text-align:center;border-radius:16px;width:100%;padding:16px 12px}.timer-flat.running{background:var(--flat-emerald-bg);border-color:var(--flat-emerald-border)}.timer-flat.paused{background:var(--flat-amber-bg);border-color:var(--flat-amber-border)}.timer-digits{font-family:var(--font-mono);color:var(--text-main);letter-spacing:-1px;margin:4px 0;font-size:2.2rem;font-weight:800}@media (width>=480px){.timer-digits{font-size:2.6rem}}.earnings-flat{color:var(--brand-primary);font-size:1.1rem;font-weight:800}.btn-flat{cursor:pointer;word-break:break-word;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-flat-primary{background:var(--brand-primary);color:#fff}.btn-flat-primary:hover:not(:disabled){background:#2563eb}.btn-flat-primary:disabled{background:var(--border-flat);color:var(--text-light);cursor:not-allowed}.btn-flat-danger{background:var(--flat-rose);color:#fff}.btn-flat-secondary{background:var(--bg-surface);border-color:var(--border-flat);color:var(--text-main)}.alert-flat{word-break:break-word;border-radius:12px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:.73rem;font-weight:600;display:flex}.alert-flat-danger{background:var(--flat-rose-bg);border:1px solid var(--flat-rose-border);color:#e11d48}.alert-flat-warning{background:var(--flat-amber-bg);border:1px solid var(--flat-amber-border);color:#d97706}.alert-flat-success{background:var(--flat-emerald-bg);border:1px solid var(--flat-emerald-border);color:#047857}.receipt-flat{background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:14px;width:100%;padding:14px}.receipt-row{width:100%;color:var(--text-muted);justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.75rem;display:flex}.receipt-total-flat{border-top:1.5px solid var(--text-main);width:100%;color:var(--text-main);justify-content:space-between;margin-top:10px;padding-top:10px;font-size:.9rem;font-weight:800;display:flex}.log-list{flex-direction:column;gap:6px;width:100%;max-height:180px;display:flex;overflow-y:auto}.log-item{background:var(--bg-subtle);border:1px solid var(--border-flat);word-break:break-word;border-radius:8px;align-items:flex-start;gap:6px;width:100%;padding:6px 10px;font-size:.7rem;display:flex}