:root{--bg: #d0daf0;--card: #0b1220;--muted: #9aa4b2;--accent: #4cafef;--glass: #4cafef;--radius: 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color-scheme:dark;color:#e6eef8;background:#ccf0f0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}.app{display:grid;grid-template-columns:420px 1fr;gap:24px;padding:0 28px 28px;max-width:1100px;margin:0 auto}.left,.right{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:0 6px 18px #02081799}.left{display:flex;flex-direction:column;gap:18px;align-items:center}.right{min-height:420px}.timer-area{display:flex;flex-direction:column;align-items:center;gap:12px}.mode-label{font-size:14px;color:var(--muted)}.time-display{font-size:40px;letter-spacing:1px;margin:6px 0}.controls{display:flex;gap:10px}button{background:var(--glass);border:1px solid rgba(255,255,255,.04);color:inherit;padding:8px 12px;border-radius:8px;cursor:pointer}button.primary{background:linear-gradient(90deg,var(--accent),#29b6f6);color:#021223;font-weight:600}.settings{width:100%;padding:12px;background:#ffffff05;border-radius:10px}.settings label{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px;color:var(--muted)}.settings input[type=number]{width:76px;padding:6px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:transparent;color:inherit;text-align:center}.task-input{display:flex;gap:7px;align-items:center;margin-bottom:12px}.task-input input{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:transparent;color:inherit}.task-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto;padding-right:6px}.task-item{display:flex;align-items:center;gap:10px;background:#ffffff05;padding:8px;border-radius:8px}.task-item .text{flex:1}.task-item .text.completed{text-decoration:line-through;color:var(--muted)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}@media (max-width: 880px){.app{display:flex;flex-direction:column;padding:0 12px 12px;gap:16px;max-width:100%;margin:0}.left,.right{width:100%;padding:14px}.time-display{font-size:32px}.controls{flex-wrap:wrap;justify-content:center}button{flex:1 1 45%;min-height:44px;font-size:14px}.settings label{flex-direction:column;align-items:flex-start}.settings input[type=number]{width:100%}.task-input{flex-direction:column;gap:10px}.task-input input{width:100%}.task-list{max-height:none}}@media (max-width: 500px){.time-display{font-size:28px}.mode-label{font-size:12px}button{font-size:13px;padding:8px}}