:root{color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f6f6f6;--text:#1f1f1f;--surface:#fff;--surface-muted:#f8f8f8;--surface-alt:#f3f3f3;--border:#e6e6e6;--border-strong:#d6d6d6;--border-soft:#e0e0e0;--muted:#4a4a4a;--muted-strong:#6b6b6b;--control-bg:#111;--control-text:#fff;--link-hover:#0b57d0;--danger:#b42318;--toggle-track:#d9d9d9;--toggle-thumb:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=dark]{--bg:#0f1115;--text:#f5f5f5;--surface:#1a1d24;--surface-muted:#20242d;--surface-alt:#20242d;--border:#2a2f3a;--border-strong:#343a46;--border-soft:#2f3541;--muted:#b9c0cc;--muted-strong:#9aa3b2;--control-bg:#f2f2f2;--control-text:#111;--link-hover:#8ab4f8;--danger:#ff8b8b;--toggle-track:#3a414d;--toggle-thumb:#f2f2f2}*{box-sizing:border-box}body{background-color:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--link-hover)}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.app-title{margin:0;font-size:1.5rem}.app-title-link{color:inherit;text-decoration:none}.app-nav{gap:1rem;font-weight:600;display:flex}.app-header-controls{align-items:center;gap:1.5rem;display:flex}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.link-button:hover{color:var(--link-hover)}.app-main{flex:1;justify-content:center;padding:2rem;display:flex}.page{width:100%;max-width:640px}.not-found{margin:0 0 .5rem;font-size:5rem}.page-actions{gap:1rem;margin-top:1.5rem;display:flex}.page-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.button-link{height:var(--control-height,44px);background:var(--control-bg);color:var(--control-text);border:none;border-radius:8px;align-items:center;padding:0 1rem;font-weight:600;text-decoration:none;display:inline-flex}.counter-list{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.counter-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.75rem 1rem}.counter-item-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.counter-link{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.counter-swatch{border:1px solid var(--border-strong);border-radius:4px;flex-shrink:0;width:16px;height:16px}.counter-text{font-weight:600}.counter-increment{border:1px solid var(--border-strong);background:var(--surface-muted);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;font-weight:700}.counter-increment:disabled{opacity:.6;cursor:not-allowed}.counter-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:1rem;margin:1rem 0 2rem;padding:1.25rem;display:flex}.counter-color{border:1px solid var(--border-strong);background:var(--surface-alt);border-radius:14px;width:48px;height:48px}.counter-meta{color:var(--muted);margin:.2rem 0 0}.counter-title{flex-direction:column;gap:.25rem;display:flex}.counter-title h3{margin:0}.counter-links{gap:.75rem;display:flex}.counter-link-action{color:var(--muted-strong);font-size:.9rem;font-weight:600}.counter-actions{gap:.75rem;margin-top:1rem;display:grid}.field-inline{grid-template-columns:auto 1fr;align-items:center}.field-inline input{max-width:140px}.button-row{gap:.5rem;display:flex}.button-row button{height:var(--control-height,44px);min-width:var(--control-height,44px);background:var(--control-bg);color:var(--control-text);cursor:pointer;border:none;border-radius:8px;padding:0 1rem;font-weight:700}.button-row button:disabled{opacity:.6;cursor:not-allowed}.history-section h3{margin-bottom:.5rem}.history-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.history-header h3{margin:0}.history-add{justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex}.history-preview{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:.25rem;margin-top:1rem;padding:.75rem 1rem;font-weight:600;display:flex}.history-preview span:last-child{color:var(--muted);font-weight:500}.history-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.history-group{gap:.5rem;display:grid}.history-group-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-strong);margin:.5rem 0 0;font-size:.85rem;font-weight:700}.history-group-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.history-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .9rem;display:flex}.history-actions{align-items:center;gap:.5rem;display:flex}.history-content{flex-direction:column;display:flex}.history-amount{font-weight:700}.history-date{color:var(--muted-strong);font-size:.9rem}.history-action{border:1px solid var(--border-soft);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .9rem;font-weight:600;display:inline-flex}.history-action:disabled{opacity:.6;cursor:not-allowed}.form{gap:1rem;width:100%;max-width:640px;margin:1.5rem 0;display:grid}.form-actions{gap:.75rem;display:grid}.form-actions button{width:100%}.field{gap:.4rem;font-weight:600;display:grid}.field input{border:1px solid var(--border-strong);height:var(--control-height,44px);background:var(--surface);color:inherit;border-radius:8px;padding:.55rem .75rem;font-size:1rem}.form button{height:var(--control-height,44px);background:var(--control-bg);color:var(--control-text);cursor:pointer;border:none;border-radius:8px;padding:0 1rem;font-weight:600}.form button.button-primary{background:var(--control-bg);color:var(--control-text)}.form button.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.form button:disabled{opacity:.6;cursor:not-allowed}.form-message{color:var(--danger);margin:0;font-size:.95rem}.color-field{align-items:center;gap:.75rem;display:flex}.color-preview{width:var(--control-height,44px);height:var(--control-height,44px);border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;flex-shrink:0}.color-picker{width:var(--control-height,44px);height:var(--control-height,44px);cursor:pointer;appearance:none;box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0;border:none;border-radius:10px;flex-shrink:0;padding:0;display:block;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{border-radius:10px;width:100%;height:100%;padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:10px;width:100%;height:100%}.color-picker::-moz-color-swatch{border:none;border-radius:10px;width:100%;height:100%}.theme-toggle{align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.theme-toggle-text{color:inherit;font-size:1rem;font-weight:600}.theme-switch{align-items:center;width:46px;height:24px;display:inline-flex;position:relative}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{background:var(--toggle-track);border-radius:999px;transition:background .2s;position:absolute;inset:0}.theme-slider:after{content:"";background:var(--toggle-thumb);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.theme-switch input:checked+.theme-slider:after{transform:translate(22px)}@media (max-width:720px){.app-header{gap:.75rem;padding:1rem 1.25rem}.app-header-controls{flex-wrap:nowrap;gap:1rem}}.color-text{flex:1;width:100%}.counter-delete-block{justify-content:flex-end;margin-top:1.5rem;display:flex}.counter-delete-button{border:1px solid var(--danger);height:var(--control-height,44px);color:var(--danger);cursor:pointer;background:0 0;border-radius:8px;padding:0 1rem;font-weight:600}.counter-delete-button:disabled{opacity:.6;cursor:not-allowed}.delete-toast{z-index:5;border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:.5rem;box-shadow:0 8px 20px #00000014}.delete-toast-message{margin:0;font-weight:600}.delete-toast-actions{gap:.5rem;display:flex}.delete-toast-button{cursor:pointer;border:none;border-radius:8px;height:36px;padding:0 1rem;font-weight:600}.delete-toast-cancel{background:var(--control-bg);color:var(--control-text)}.delete-toast-confirm{background:var(--danger);color:#fff}.delete-toast-button:disabled{opacity:.6;cursor:not-allowed}.set-dialog-backdrop{z-index:20;background:#00000047;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.set-dialog{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;gap:.8rem;width:100%;max-width:320px;padding:1rem;display:grid;position:relative}.set-dialog-close{cursor:pointer;width:28px;height:28px;color:var(--muted-strong);background:0 0;border:none;border-radius:999px;font-size:1.25rem;line-height:1;position:absolute;top:.4rem;right:.4rem}.set-dialog-current-value{color:var(--muted-strong);margin:0;padding-right:2rem;font-weight:600}.set-dialog-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.set-dialog-actions button{width:100%;height:var(--control-height,44px);cursor:pointer;border:none;border-radius:8px;font-weight:600}.set-dialog-cancel{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)!important}.set-dialog-submit{background:var(--control-bg);color:var(--control-text)}.set-dialog-actions button:disabled,.set-dialog-close:disabled{opacity:.6;cursor:not-allowed}