:root{--bg: #0f172a;--card: #111827;--text: #e5e7eb;--muted: #9ca3af;--primary: #22c55e;--accent: #38bdf8;--danger: #ef4444}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:linear-gradient(180deg,#0b1023,var(--bg));line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:16px}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.lang-switch select{background:var(--card);color:var(--text);border:1px solid #1f2937;padding:8px 10px;border-radius:8px}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid #1f2937;border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000040}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}input,button,select{font:inherit}input[type=date],input[type=number],input[type=text]{background:#0b1225;color:var(--text);border:1px solid #1f2937;border-radius:10px;padding:10px}input:focus{outline:2px solid var(--accent);outline-offset:2px}.form-actions{display:flex;gap:10px}button{cursor:pointer;border:none;border-radius:10px;padding:10px 14px}#saveBtn{background:var(--primary);color:#052e16}#clearBtn{background:#1f2937;color:var(--text)}#saveBtn:focus,#clearBtn:focus{outline:2px solid var(--accent);outline-offset:2px}.form-hint{color:var(--danger);min-height:1.2em}.muted{color:var(--muted)}#countdown{display:flex;gap:16px;flex-wrap:wrap}.time{min-width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1225;border:1px solid #1f2937;border-radius:12px;padding:12px}.time span:first-child{font-size:2rem;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#070d17e6,#070d1799);padding-top:1rem;padding-bottom:.5rem}#settingsSection[hidden]{display:none!important}.lang-switch{display:flex;gap:.5rem;align-items:center}.ghost-btn{background:transparent;border:1px solid #1f2937;color:var(--text);padding:.5rem .75rem;border-radius:.6rem}.ghost-btn:hover{background:#0b1225}@media (max-width: 720px){.grid{grid-template-columns:1fr}#countdownSection{order:1;flex:1}#quoteSection{order:2}#settingsSection{order:3}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:50;opacity:0;transform:scale(1);transition:opacity .18s ease-out}.modal.is-open{opacity:1}.modal[hidden]{display:none!important}.modal__dialog{width:min(680px,92vw);max-height:90vh;overflow:auto;background:var(--card);border:1px solid #1f2937;border-radius:16px;box-shadow:0 20px 50px #00000073;padding:16px;position:relative;transform:translateY(12px) scale(.98);opacity:0;transition:transform .22s ease,opacity .22s ease}.modal.is-open .modal__dialog{transform:translateY(0) scale(1);opacity:1}.modal__close{position:absolute;top:10px;right:12px;background:transparent;color:var(--text);border:1px solid #1f2937;width:32px;height:32px;border-radius:8px;line-height:1}.modal__close:hover{background:#0b1225}body.no-scroll{overflow:hidden}#countdownSection #modeRow{display:flex;align-items:center;flex-direction:row;gap:1rem;margin-bottom:.75rem}#countdownSection #modeRow label{font-size:.9rem;color:var(--muted-fg, #6b7280)}#countdownSection #modeRow select{padding:.4rem .6rem;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-title{display:flex;justify-content:space-between;align-items:center}