*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f1a;color:#e0e0ff;min-height:100vh}.app{max-width:800px;margin:0 auto;padding:2rem 1rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b35,#f7931e,#f44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.app-header p{color:#88a;font-size:1rem}.mode-nav{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.mode-btn{padding:.625rem 1.25rem;border:2px solid #2a2a4a;border-radius:2rem;background:#1a1a2e;color:#88a;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-btn:hover{border-color:#ff6b35;color:#ff6b35}.mode-btn.active{border-color:#ff6b35;background:linear-gradient(135deg,#1a0a00,#2a1000);color:#ff6b35}.timer-container{display:flex;justify-content:center}.timer-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:1.5rem;padding:2.5rem;width:100%;max-width:500px;text-align:center}.timer-title{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#fff}.timer-description{color:#88a;font-size:.9rem;line-height:1.6;margin-bottom:2rem}.countdown-display{font-size:8rem;font-weight:900;line-height:1;margin:1.5rem 0;transition:all .3s ease}.urgency-low{color:#4ade80}.urgency-medium{color:#facc15}.urgency-high{color:#f44;animation:pulse .5s infinite}.urgency-complete{color:#ff6b35}.go-message{font-size:5rem;display:block;animation:explode .5s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes explode{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.running-hint{color:#88a;font-size:.9rem}.time-display{margin:1.5rem 0}.time-number{font-size:5rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.progress-container{height:12px;background:#2a2a4a;border-radius:6px;overflow:hidden;margin:1rem 0 .5rem}.progress-bar{height:100%;background:linear-gradient(90deg,#ff6b35,#f7931e);border-radius:6px;transition:width .5s ease}.ten-minute-bar{background:linear-gradient(90deg,#7c3aed,#ff6b35,#f7931e)}.progress-label{color:#88a;font-size:.85rem;margin-bottom:1.5rem}.timer-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem}.btn{padding:.75rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:200px}.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.btn-secondary{background:#2a2a4a;color:#e0e0ff}.btn-secondary:hover{background:#3a3a5a}.btn-danger{background:#4a1a1a;color:#f88}.btn-danger:hover{background:#5a2a2a}.btn-neutral{background:#1a2a1a;color:#8c8}.btn-neutral:hover{background:#2a3a2a}.completed-message{text-align:center}.completed-message p{margin-bottom:1rem;color:#4ade80;font-size:1rem;line-height:1.5}.choice-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.choice-question{color:#f7931e;font-size:1.05rem;font-weight:600;line-height:1.5;margin-bottom:.5rem}.error-message{color:#f88;font-size:1rem;margin-top:1rem}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{margin:0;min-width:320px;min-height:100vh}