*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0f172a;color:#e5e7eb}.app{max-width:680px;margin:auto;padding:18px}header{text-align:center;padding:18px 6px}h1{margin:0;font-size:32px}header p{color:#cbd5e1}.card{background:#111827;border:1px solid #334155;border-radius:18px;padding:18px;margin:16px 0;box-shadow:0 10px 25px rgba(0,0,0,.22)}h2{margin-top:0}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preset,button{border:0;border-radius:12px;padding:12px;font-weight:bold;background:#334155;color:white;cursor:pointer}button:hover{filter:brightness(1.15)}.primary{background:#22c55e;color:#052e16}.custom-row{display:flex;gap:10px;margin-top:12px}input{flex:1;border-radius:12px;border:1px solid #475569;background:#020617;color:white;padding:12px;font-size:16px}.small{color:#94a3b8;font-size:14px}.timer-card{text-align:center}.label{color:#94a3b8}.plan{font-size:26px;font-weight:bold;margin:8px 0 12px}.countdown{font-size:48px;font-weight:900;letter-spacing:1px;margin:18px 0;color:#facc15}.time-info{text-align:left;background:#020617;border-radius:14px;padding:10px 14px}.actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.actions button{flex:1}.warning{border-color:#f59e0b;background:#1f2937}@media(max-width:520px){.preset-grid{grid-template-columns:repeat(2,1fr)}.countdown{font-size:40px}}