:root{--bg-color:#0d0d12;--card-bg:#16161e;--text-primary:#fff;--text-secondary:#a0a0b8;--accent-color:#4f8ef7;--danger-color:#ef4444;--success-color:#22c55e;--border-color:#2a2a38;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);padding:16px;line-height:1.5}.App{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding-bottom:40px;display:flex}.header{background:var(--card-bg);border:1px solid var(--border-color);z-index:100;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:10px;box-shadow:0 4px 20px #00000080}.header-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:1.2rem;font-weight:600}.total-score{color:var(--accent-color);font-size:2.5rem;font-weight:800}.back-button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:all .2s}.back-button:hover{background:var(--border-color);color:var(--text-primary)}.rules-button{border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;background:#4f8ef71a;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.rules-button:hover{background:var(--accent-color);color:#fff}.grid-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;display:grid}@media (width<=768px){.grid-container{grid-template-columns:1fr}}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.card-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:4px;padding-bottom:12px;font-size:1.1rem;font-weight:700}.score-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.label-container{flex-direction:column;display:flex}.label-text{color:var(--text-primary);font-size:1rem}.sub-label{color:var(--accent-color);font-size:.8rem;font-weight:600}.controls{border:1px solid var(--border-color);background:#0003;border-radius:10px;align-items:center;gap:12px;padding:4px;display:flex}.counter-input{color:var(--text-primary);text-align:center;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:50px;font-family:inherit;font-size:1.2rem;font-weight:700}.counter-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.control-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.control-btn:active{transform:scale(.95)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.btn-minus{background:var(--danger-color);color:#fff}.btn-plus{background:var(--success-color);color:#fff}.switch{cursor:pointer;background:#333;border-radius:13px;width:50px;height:26px;transition:background .3s;position:relative}.switch.active{background:var(--success-color)}.switch-handle{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px}.switch.active .switch-handle{transform:translate(24px)}.home-container{flex-direction:column;gap:40px;max-width:900px;margin:60px auto;padding:0 20px;display:flex}.home-header{text-align:center}.home-header h1{background:linear-gradient(135deg, #fff 30%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:12px;font-size:3rem;font-weight:800}.home-header p{color:var(--text-secondary);font-size:1.1rem}.home-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.category-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;cursor:pointer;color:var(--text-primary);border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:30px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.category-card:hover{border-color:var(--accent-color);background:#4f8ef70d;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.card-content h3{margin-bottom:8px;font-size:1.3rem;font-weight:700}.card-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.4}.home-footer{justify-content:center;margin-top:20px;display:flex}.external-link-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.external-link-btn:hover{background:var(--border-color);color:var(--text-primary)}.tile-item{background:#0003;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.remove-btn{color:var(--danger-color);cursor:pointer;background:0 0;border:none;margin-left:10px;font-size:.8rem}.add-tile-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-weight:600}.warning-box{border:1px solid var(--danger-color);color:var(--text-secondary);text-align:center;background:#ef44441a;border-radius:12px;margin-top:20px;padding:16px;font-size:.85rem;line-height:1.4}.warning-box strong{color:var(--danger-color);margin-bottom:4px;display:block}.warning-box a{color:var(--accent-color);font-weight:600;text-decoration:none}