.app-main{width:min(960px,100%)}.page-title-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.counter-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.toolbar-select{min-width:0;border-radius:999px;border-color:#d1d5db;background:#fff;color:#111827;cursor:pointer;font-weight:900;height:42px;padding:0 34px 0 14px}.counter-grid{display:grid;grid-template-columns:repeat(var(--counter-columns, 3),minmax(0,1fr));gap:12px}.counter-grid--columns-3{--counter-columns: 3}.counter-grid--columns-5{--counter-columns: 5}.idol-counter-card{display:grid;gap:12px;cursor:grab;min-width:0;padding:16px}.idol-counter-card:active{cursor:grabbing}.idol-card-header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;min-width:0}.idol-card-header>div{min-width:0}.idol-card-header h3,.idol-card-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-handle{color:#9ca3af;font-weight:900}.mini-count-display{text-align:center}.mini-count-display strong{display:block;font-size:clamp(2.75rem,8vw,5rem);line-height:.95}.counter-action-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:8px;align-items:stretch}.idol-counter-card .card-cheki-button{border-radius:14px;font-size:clamp(1rem,2.4vw,1.25rem);min-height:48px;padding:10px 8px;white-space:nowrap}.decrement-button{border:1px solid #fecaca;border-radius:14px;background:#fef2f2;color:#b91c1c;cursor:pointer;font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:900;min-height:48px;min-width:0;padding:10px 8px}.decrement-button:active{transform:scale(.98)}.decrement-button:disabled{cursor:not-allowed;opacity:.45}.latest-save-status{background:#ecfdf5;border-radius:999px;line-height:1rem;margin:0 auto;max-width:100%;min-height:1rem;min-width:0;opacity:0;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;visibility:hidden;transition:opacity .14s ease;width:fit-content}.counter-grid--columns-5 .idol-counter-card{gap:10px;padding:12px}.counter-grid--columns-5 .idol-card-header{gap:8px}.counter-grid--columns-5 .mini-count-display strong{font-size:clamp(2.25rem,6vw,4rem)}.counter-grid--columns-5 .idol-counter-card .card-cheki-button{font-size:.95rem;min-height:44px;padding:8px 6px}.counter-grid--columns-5 .decrement-button{font-size:.9rem;min-height:44px}.latest-save-status.is-visible{opacity:1;visibility:visible}@media(max-width:560px){.page-title-row{display:grid}.counter-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.counter-grid{grid-template-columns:repeat(var(--counter-columns, 3),minmax(0,1fr));gap:8px}.idol-counter-card{align-items:stretch;border-radius:18px;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "count" "actions" "status";gap:6px;min-height:148px;padding:8px}.idol-card-header{grid-area:header;grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;min-width:0;text-align:center}.idol-card-header h3,.idol-card-header p,.mini-count-display p{margin:0}.idol-card-header h3,.idol-card-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.idol-card-header h3{font-size:.82rem;line-height:1.1}.idol-card-header p{display:none}.idol-dot{height:6px;width:min(100%,32px)}.drag-handle{display:none}.mini-count-display{grid-area:count;min-width:0;text-align:center}.mini-count-display p{font-size:.55rem;line-height:1}.mini-count-display strong{font-size:clamp(1.6rem,8vw,2.35rem)}.counter-action-row{grid-area:actions;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:4px}.latest-save-status{grid-area:status;font-size:.58rem;line-height:.8rem;min-height:.8rem;padding:0 5px}.idol-counter-card .card-cheki-button{font-size:.78rem;min-height:34px;padding:8px 2px}.decrement-button{border-radius:12px;font-size:.72rem;min-height:34px;min-width:0;padding:0 4px}.counter-grid--columns-3 .idol-counter-card{min-height:154px}.counter-grid--columns-5{gap:6px}.counter-grid--columns-5 .idol-counter-card{min-height:136px;padding:6px}.counter-grid--columns-5 .idol-card-header h3{font-size:.72rem}.counter-grid--columns-5 .mini-count-display p{font-size:.5rem}.counter-grid--columns-5 .mini-count-display strong{font-size:clamp(1.35rem,7vw,2rem)}.counter-grid--columns-5 .idol-counter-card .card-cheki-button,.counter-grid--columns-5 .decrement-button{font-size:.68rem;min-height:32px}.counter-grid--columns-5 .latest-save-status{font-size:.5rem;padding:0 4px}}:root{color:#111827;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0}.app-shell{min-height:100vh;padding-bottom:84px}.app-header{padding:24px 20px 12px}.app-main{width:min(720px,100%);margin:0 auto;padding:0 16px 24px}.app-header h1,.page-stack h2,.card h3{margin:0}.eyebrow{margin:0 0 6px;color:#db2777;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-stack,.form-stack,.list-stack{display:grid;gap:16px}.card{border:1px solid #e5e7eb;border-radius:24px;background:#fff;box-shadow:0 18px 45px #0f172a14;padding:20px}.counter-card{display:grid;gap:20px;min-height:520px;align-content:center}.select-label,.form-stack label{display:grid;gap:8px;color:#374151;font-weight:700}input,select{width:100%;border:1px solid #d1d5db;border-radius:14px;background:#fff;color:#111827;padding:12px 14px}.color-palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.color-swatch{position:relative;display:inline-grid;width:100%;aspect-ratio:1;min-width:0;place-items:center;border:1px solid rgba(17,24,39,.18);border-radius:999px;color:#fff;cursor:pointer;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.42);transition:box-shadow .14s ease,transform .14s ease}.color-swatch:active{transform:scale(.94)}.color-swatch:focus-visible{outline:3px solid #111827;outline-offset:3px}.color-swatch.is-selected{box-shadow:0 0 0 3px #fff,0 0 0 6px #111827}.count-display{text-align:center}.count-display strong{display:block;font-size:clamp(5rem,24vw,9rem);line-height:.95}.cheki-button,.primary-button,.secondary-button{cursor:pointer;border-radius:999px;font-weight:800;transition:transform .14s ease,opacity .14s ease}.cheki-button:active,.primary-button:active,.secondary-button:active{transform:scale(.98)}.cheki-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5}.cheki-button{width:100%;background:#db2777;color:#fff;font-size:1.75rem;padding:28px 20px}.primary-button{background:#111827;color:#fff;padding:13px 18px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6;color:#111827;padding:12px 16px;text-decoration:none}.compact{padding:9px 12px;font-size:.9rem}.counter-footer,.button-row,.list-card{display:flex;gap:12px;align-items:center;justify-content:space-between}.button-row{flex-wrap:wrap;justify-content:flex-start}.list-card-body{min-width:0;flex:1}.idol-dot{width:18px;height:18px;border-radius:999px;flex:0 0 auto}.muted{margin:4px 0 0;color:#6b7280}.error-text,.success-text{margin:0;font-weight:700}.error-text{color:#b91c1c}.success-text{color:#047857}.status-pill{display:inline-flex;width:fit-content;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:800;padding:4px 8px}.voided{opacity:.58}.warning-card{border-color:#fbbf24;background:#fffbeb}.empty-state{display:grid;justify-items:center;gap:12px;text-align:center}.bottom-nav{position:fixed;right:12px;bottom:12px;left:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:min(720px,calc(100% - 24px));margin:0 auto;border:1px solid #e5e7eb;border-radius:24px;background:#ffffffeb;box-shadow:0 18px 45px #0f172a29;padding:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-link{border-radius:18px;color:#6b7280;font-size:.8rem;font-weight:800;padding:10px 6px;text-align:center;text-decoration:none}.nav-link.active{background:#111827;color:#fff}.sr-only{display:none}@media(max-width:420px){.color-palette{grid-template-columns:repeat(4,minmax(0,1fr))}}