[data-sum-target-root]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f172a;--color-surface:#111c34;--color-surface-soft:#0b1224;--color-border:#94a3b83d;--color-text:#f8fafc;--color-muted:#e2e8f0c2;--color-accent:#22d3ee;--color-danger:#f87171;--color-success:#34d399;--surface-raised:#0f172a5c;--surface-card:#0f172a61;--surface-subtle:#0f172a7a;--surface-interactive:#0f172a99;--surface-overlay:#0f172ae0;--surface-timer-bg:#22c5f71f;--surface-timer-border:#22c5f73d;--shadow-elevated:0 20px 40px #0f172a47;--shadow-overlay:0 18px 38px #0f172a6b;--border-strong:#94a3b852;box-sizing:border-box;color:var(--color-text);width:100%;max-width:960px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;line-height:1.4}[data-sum-target-root][data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f5f7fb;--color-surface:#fff;--color-surface-soft:#ecf3ff;--color-border:#0f172a1a;--color-text:#0f172a;--color-muted:#475569b8;--color-accent:#0284c7;--color-danger:#ef4444;--color-success:#15803d;--surface-raised:#94a3b82e;--surface-card:#fffffff5;--surface-subtle:#ecf2ffeb;--surface-interactive:#e7eefef5;--surface-overlay:#fffffffa;--surface-timer-bg:#0284c71a;--surface-timer-border:#0284c72e;--shadow-elevated:0 12px 26px #0f172a1f;--shadow-overlay:0 22px 40px #0f172a2e;--border-strong:#94a3b859}[data-sum-target-root] *{box-sizing:inherit}.sum-target-shell{background:0 0;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:24px;display:flex}[data-sum-target-root] button{font:inherit}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sum-target-app{background:linear-gradient(155deg,var(--color-surface),var(--color-surface-soft));border:1px solid var(--color-border);box-shadow:var(--shadow-elevated);border-radius:20px;flex-direction:column;gap:20px;padding:28px 32px;display:flex}.app-header{background:var(--surface-card);border:1px solid var(--border-strong);border-radius:16px;grid-template-columns:1fr auto;gap:12px 24px;padding:20px 24px;display:grid;box-shadow:inset 0 1px #ffffff0f}[data-sum-target-root][data-theme=light] .app-header{box-shadow:0 12px 22px #0f172a14}.app-meta{align-items:center;gap:12px;display:flex}.app-title{letter-spacing:.02em;align-items:center;gap:10px;font-size:1.7rem;font-weight:700;display:flex}.title-icon{font-size:1.9rem}.tagline{color:var(--color-muted);grid-column:1/-1;margin:0;font-size:.95rem}.header-actions{grid-area:1/2;place-self:start end;align-items:center;gap:10px;display:flex}.theme-toggle{background:var(--surface-subtle);color:var(--color-text);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;padding:6px 14px;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 10px 18px #0f172a33}.theme-toggle:hover{border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 12px 26px #22d3ee40}.btn-icon{font-size:1.1rem}.scoreboard{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid}.score-item{flex-direction:column;gap:4px;padding:4px 6px;display:flex}.score-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:.7rem}.score-value{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700}.sum-target-timer{background:var(--surface-timer-bg);border:1px solid var(--surface-timer-border);border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.sum-target-timer__label{justify-content:space-between;align-items:center;gap:16px;display:flex}.sum-target-timer__title{text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted);font-size:.75rem;font-weight:600}.sum-target-timer__remaining{border:1px solid var(--surface-timer-border);background:var(--surface-card);min-width:72px;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:12px;justify-content:flex-end;align-items:baseline;gap:6px;padding:6px 12px;font-size:1.7rem;font-weight:700;line-height:1.05;display:inline-flex;box-shadow:0 14px 28px #22d3ee1f}[data-sum-target-root][data-theme=light] .sum-target-timer__remaining{box-shadow:0 12px 24px #0284c729}.sum-target-timer__remaining-value{display:inline-flex}.sum-target-timer__remaining-unit{text-transform:uppercase;letter-spacing:.18em;color:var(--color-muted);font-size:.75rem;font-weight:600}.sum-target-timer__bar{background:#94a3b833;border-radius:999px;height:10px;position:relative;overflow:hidden}.sum-target-timer__fill{background:var(--color-accent);border-radius:999px;transition:width 1s linear;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 16px #22d3ee80}.target-card{background:var(--surface-card);border:1px solid var(--border-strong);border-radius:16px;flex-direction:column;gap:14px;padding:20px 22px;display:flex}.target-header{justify-content:space-between;align-items:baseline;display:flex}.target-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.target-value{font-size:2rem;font-weight:700}.expression-preview{background:var(--surface-subtle);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.expression-preview--error{border-color:var(--color-danger)}.expression-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.expression-value{word-break:break-word;font-size:1.15rem;font-weight:600}.feedback{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px;font-size:.9rem}.feedback[data-tone=success]{color:var(--color-success);background:#34d39929;border-color:#34d39952}.feedback[data-tone=warning]{color:var(--color-danger);background:#f8717129;border-color:#f8717147}.tiles-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:14px;display:grid}.tile{background:var(--surface-interactive);color:var(--color-text);border:1px solid var(--border-strong);cursor:pointer;border-radius:14px;padding:18px 0;font-size:1.45rem;font-weight:700;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s;box-shadow:0 12px 26px #0f172a3d}[data-sum-target-root][data-theme=light] .tile{box-shadow:0 10px 20px #0f172a1f}.tile:hover:not(.tile--disabled){border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 16px 32px #22d3ee40}.tile--disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.operators{justify-content:center;gap:12px;display:flex}.operator{border:1px solid var(--border-strong);background:var(--surface-interactive);width:56px;height:56px;color:var(--color-text);cursor:pointer;border-radius:12px;font-size:1.4rem;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:0 10px 22px #0f172a38}[data-sum-target-root][data-theme=light] .operator{box-shadow:0 10px 18px #0f172a1f}.operator:hover:not(.operator--disabled){border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 14px 26px #22d3ee40}.operator--disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.control-btn{border:1px solid var(--border-strong);background:var(--surface-interactive);color:var(--color-text);cursor:pointer;border-radius:12px;padding:12px 22px;font-weight:600;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s;box-shadow:0 12px 24px #0f172a33}[data-sum-target-root][data-theme=light] .control-btn{box-shadow:0 10px 20px #0f172a1f}.control-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.control-btn:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 16px 32px #22d3ee40}.control-btn--primary{background:linear-gradient(135deg,var(--color-accent),#22d3eed9);color:#f8fafc;border:none}.control-btn--primary:hover:not(:disabled){box-shadow:0 18px 34px #22d3ee59}.overlay-card{background:var(--surface-overlay);text-align:center;border:1px solid var(--border-strong);box-shadow:var(--shadow-overlay);border-radius:16px;flex-direction:column;gap:14px;padding:22px;display:flex}.overlay-card.success{border-color:#34d39952}.overlay-card.game-over{border-color:#f8717152}.overlay-card.start{border-color:#22d3ee52}.overlay-card h2{margin:0;font-size:1.6rem}.overlay-card p{color:var(--color-muted);margin:0}.app-footer{color:var(--color-muted);text-align:center;margin-top:4px;font-size:.85rem}@media (max-width:720px){.sum-target-shell{padding:16px}.sum-target-app{gap:16px;padding:24px 20px}.app-header{grid-template-columns:1fr;padding:18px 20px}.header-actions{grid-area:auto/1;justify-self:start}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.sum-target-timer__remaining{min-width:64px;font-size:1.45rem}}