@import "https://fonts.googleapis.com/css2?family=Crimson+Text:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-deep:#0f1419;--bg-surface:#1a2332;--bg-elevated:#243040;--bg-hover:#2d3f54;--gold:#c89b3c;--gold-hover:#ddb04a;--gold-muted:#c89b3c26;--green:#4ade80;--green-muted:#4ade8026;--red:#ef4444;--red-muted:#ef444426;--text:#e2e8f0;--text-muted:#94a3b8;--text-faint:#64748b;--border:#2d3f54;--radius:8px;--radius-lg:12px;--font-display:"Crimson Text", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{font-family:var(--font-display);color:var(--text);font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:var(--gold);text-decoration:none;transition:color .15s}a:hover{color:var(--gold-hover)}.btn{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gold);color:#0f1419}.btn-primary:hover:not(:disabled){background:var(--gold-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{color:var(--text-muted);background:0 0;padding:8px 12px}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg-elevated)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-body);outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .15s}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--text-faint)}.input-number{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:70px;color:var(--text);font-family:var(--font-body);outline:none;padding:6px 10px;font-size:.9rem}.input-number:focus{border-color:var(--gold)}label{color:var(--text-muted);font-size:.9rem;font-weight:500}.select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);cursor:pointer;outline:none;padding:8px 12px;font-size:.9rem}.select:focus{border-color:var(--gold)}.header{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.header-brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex;color:var(--text)!important}.header-brand span{color:var(--gold)}.header-nav{align-items:center;gap:16px;display:flex}.header-nav a{color:var(--text-muted);font-size:.9rem;font-weight:500}.header-nav a:hover{color:var(--text)}.header-email{color:var(--text-faint);font-size:.85rem}.page-center{max-width:480px;margin:0 auto;padding:40px 24px}.page-wide{max-width:720px;margin:0 auto;padding:40px 24px}.page-title{text-align:center;margin-bottom:32px}.puzzle-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:.9rem;display:flex}.puzzle-rating{color:var(--gold);font-weight:600}.puzzle-themes{color:var(--text-muted);font-size:.85rem}.puzzle-timer{text-align:center;border-radius:var(--radius);font-variant-numeric:tabular-nums;margin-bottom:12px;padding:8px 16px;font-size:.95rem;font-weight:600}.puzzle-timer.active{background:var(--gold-muted);color:var(--gold)}.puzzle-timer.expired{background:var(--red-muted);color:var(--red)}.puzzle-message{border-radius:var(--radius);text-align:center;margin-top:14px;padding:10px 16px;font-weight:600}.puzzle-message.success{background:var(--green-muted);color:var(--green)}.puzzle-message.error{background:var(--red-muted);color:var(--red)}.puzzle-message.neutral{background:var(--bg-elevated);color:var(--text)}.puzzle-actions{justify-content:center;gap:10px;margin-top:14px;display:flex}.puzzle-settings{color:var(--text-muted);justify-content:center;align-items:center;gap:16px;margin-bottom:20px;font-size:.9rem;display:flex}.puzzle-settings input[type=checkbox]{accent-color:var(--gold)}.puzzle-link{text-align:center;margin-top:20px;font-size:.9rem}.rating-change{text-align:center;border-radius:var(--radius);margin-top:12px;padding:10px;font-size:1.05rem;font-weight:700}.rating-change.positive{background:var(--green-muted);color:var(--green)}.rating-change.negative{background:var(--red-muted);color:var(--red)}.filters{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:24px;display:flex}.filters label{flex-direction:column;gap:4px;display:flex}.puzzle-count{color:var(--text-muted);margin-bottom:16px;font-size:.9rem}.puzzle-list{padding:0;list-style:none}.puzzle-list li{border-bottom:1px solid var(--border);padding:12px 16px;transition:background .1s}.puzzle-list li:hover{background:var(--bg-elevated)}.puzzle-list li:first-child{border-top:1px solid var(--border)}.puzzle-list a{color:var(--text);justify-content:space-between;align-items:center;display:flex}.puzzle-list .puzzle-meta{color:var(--text-muted);font-size:.85rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{flex-direction:column;gap:6px;display:flex}.auth-form .error-msg{color:var(--red);background:var(--red-muted);border-radius:var(--radius);padding:10px;font-size:.9rem}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.9rem}.rating-options label{border-radius:var(--radius);cursor:pointer;color:var(--text);align-items:center;gap:8px;padding:8px 12px;transition:background .1s;display:flex}.rating-options label:hover{background:var(--bg-elevated)}.rating-options input[type=radio]{accent-color:var(--gold)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:24px 0;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:16px}.stat-value{font-family:var(--font-display);color:var(--gold);font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.8rem}.history-list{padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.history-list li:first-child{border-top:1px solid var(--border)}.history-list .status-solved{color:var(--green);font-size:.85rem;font-weight:600}.history-list .status-failed{color:var(--red);font-size:.85rem;font-weight:600}.history-list .attempt-info{color:var(--text-muted);font-size:.85rem}.confirmation-box{text-align:center;padding:40px 24px}.confirmation-box h1{margin-bottom:12px}.confirmation-box p{color:var(--text-muted)}@media (max-width:600px){.header{flex-direction:column;gap:10px;padding:12px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column}h1{font-size:1.6rem}}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);align-items:center;gap:10px;font-weight:500;display:inline-flex}.toggle-switch input{display:none}.toggle-track{background:var(--bg-elevated);border:1px solid var(--border);border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .15s,border-color .15s;position:relative}.toggle-track:after{content:"";background:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-track{background:var(--gold-muted);border-color:var(--gold)}.toggle-switch input:checked+.toggle-track:after{background:var(--gold);transform:translate(18px)}.settings-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;padding:12px 20px;display:flex}