:root{color-scheme:dark;--bg:#03141c;--panel:#082735;--line:#22576a;--ink:#f4fdff;--muted:#97b3bd;--cyan:#57ead6;--gold:#ffd36d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 88% -8%,#0f6472,transparent 35%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}main{max-width:1500px;margin:auto;padding:18px}nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}nav a,button{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#10394a;color:var(--ink);font:inherit;font-weight:850;text-decoration:none;cursor:pointer}.brand{margin-right:auto;display:flex;gap:8px;align-items:center}.brand img{width:28px;height:28px;border-radius:7px}.is-active,#saveTop,#saveBottom{background:var(--cyan);color:#03272c;border-color:transparent}header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:34px;background:linear-gradient(135deg,#0a3547,#071f2e);border:1px solid var(--line);border-radius:25px}small{color:var(--cyan);font-weight:900;letter-spacing:.13em}h1{font-size:clamp(2.6rem,5.7vw,5.3rem);line-height:.91;margin:.17em 0}header p,.panel p,.summary span,.choice-grid span,.switch span,#message{color:var(--muted)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.summary article,.panel{padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.summary strong,.summary span{display:block}.summary strong{font-size:1.8rem}.layout{display:grid;grid-template-columns:1fr 370px;gap:12px}.panel{margin-top:12px}.panel h2{margin:.2em 0 12px}.choice-grid,.settings-grid,.two,.quiet{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.settings-grid{grid-template-columns:1.2fr 1fr 1fr}.choice-grid label,.switch{display:flex;gap:10px;padding:14px;background:#051d29;border:1px solid var(--line);border-radius:11px}.choice-grid label{align-items:flex-start}.choice-grid b,.choice-grid span,.switch b{display:block}.choice-grid input,.switch input{width:20px;height:20px;flex:0 0 auto}label{color:var(--muted);font-size:.8rem}select,input[type=time]{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#041923;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--cyan)}.preview{margin-top:12px;padding:18px;border:2px solid var(--line);border-radius:13px;background:#041b26}.preview h3{font-size:1.4rem;margin:.3em 0}.preview button{background:var(--cyan);color:#03272c}.quiet{grid-template-columns:1.5fr 1fr 1fr}.favorites{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.favorite{display:flex;align-items:center;gap:8px;padding:10px;background:#051d29;border-radius:9px}.favorite input{width:18px;height:18px}.recent-item{display:block;padding:12px;margin-top:7px;background:#051d29;border-radius:10px;color:var(--ink);text-decoration:none}.recent-item span{display:block;color:var(--muted);font-size:.78rem}.panel kbd{padding:4px 7px;background:#041923;border:1px solid var(--line);border-radius:6px}.savebar{position:sticky;bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:#082b3bea;backdrop-filter:blur(12px);z-index:20}@media(max-width:1000px){.layout{grid-template-columns:1fr}.settings-grid,.favorites{grid-template-columns:1fr 1fr}}@media(max-width:650px){main{padding:8px}header{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.choice-grid,.settings-grid,.two,.quiet,.favorites{grid-template-columns:1fr}.savebar{bottom:6px}}