.subtitle{color:var(--muted);margin-bottom:20px;font-size:1.1rem}.modifier-button{background:var(--bg);border:1px solid var(--border);color:var(--muted);padding:8px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px}.modifier-button:hover{background:#334155}.modifier-button:disabled{opacity:.5;cursor:not-allowed}.card[style*="position: fixed"]{box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d}@media (max-width: 600px){.subtitle{font-size:1rem}.modifiers{grid-template-columns:1fr}.export-controls{flex-direction:column;width:100%}}:root{--green: #22c55e;--yellow: #eab308;--red: #ef4444;--black: #111827;--bg: #0f172a;--card: #1e293b;--text: #f8fafc;--muted: #94a3b8;--border: #334155}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{max-width:800px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px -1px #0000001a}.spoon-display{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.spoon-count{font-size:3rem;font-weight:700;transition:all .3s ease}.spoon-count.green{color:var(--green)}.spoon-count.yellow{color:var(--yellow)}.spoon-count.red{color:var(--red)}.spoon-count.black{color:var(--black);background:var(--text);padding:5px 15px;border-radius:20px}.spoon-capacity{font-size:1.25rem;color:var(--muted)}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:20px}.button{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.button:hover{background:#334155;border-color:#475569}.button.green{border-color:var(--green);color:var(--green)}.button.yellow{border-color:var(--yellow);color:var(--yellow)}.button.red{border-color:var(--red);color:var(--red)}.button.black{border-color:var(--black);color:var(--black);background:var(--text)}.button:active{transform:scale(.98)}.modifiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:20px}.modifier-button{background:var(--bg);border:1px solid var(--border);color:var(--muted);padding:8px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.modifier-button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--border);font-size:.875rem}.history-item:last-child{border-bottom:none}.history-time{color:var(--muted);font-size:.75rem}.export-controls{display:flex;gap:10px;flex-wrap:wrap}.tool-check{background:var(--yellow);color:#1f2937;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:600;text-align:center}@media (max-width: 600px){.container{padding:10px}.spoon-count{font-size:2.5rem}.controls-grid{grid-template-columns:repeat(2,1fr)}}