*{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background:#0f0f13;justify-content:center;min-height:100vh;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.app{width:100%;max-width:560px}h1{margin-bottom:4px;font-size:2rem}.subtitle{color:#888;margin-bottom:32px;font-size:1rem}.card{background:#1a1a24;border:1px solid #2a2a3a;border-radius:16px;flex-direction:column;gap:16px;padding:32px;display:flex}h2{font-size:1.4rem}p,label{color:#aaa;font-size:.95rem;line-height:1.5}input{color:#f0f0f0;background:#0f0f13;border:1px solid #2a2a3a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:border .2s}input:focus{border-color:#6c63ff}textarea{color:#f0f0f0;resize:vertical;background:#0f0f13;border:1px solid #2a2a3a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border .2s}textarea:focus{border-color:#6c63ff}.task-row{align-items:center;gap:8px;display:flex}.task-row input{flex:1}.question-block{flex-direction:column;gap:8px;display:flex}button{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;transition:opacity .2s}button:disabled{opacity:.5;cursor:not-allowed}.primary{color:#fff;background:#6c63ff}.primary:hover:not(:disabled){opacity:.85}.secondary{color:#f0f0f0;background:#2a2a3a}.remove{color:#666;background:0 0;padding:8px;font-size:1.1rem}.mood-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.mood-btn{cursor:pointer;background:#0f0f13;border:1px solid #2a2a3a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.mood-btn:hover{background:#6c63ff11;border-color:#6c63ff}.mood-emoji{font-size:1.8rem}.mood-label{color:#f0f0f0;font-size:.75rem;font-weight:700}.mood-desc{color:#666;text-align:center;font-size:.65rem}.mood-pill{color:#6c63ff;background:#6c63ff22;border:1px solid #6c63ff44;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.result h2{font-size:1.6rem}.decision-badge{color:#22c55e;text-transform:uppercase;letter-spacing:1px;background:#22c55e22;border:1px solid #22c55e44;border-radius:20px;width:fit-content;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.section{border-top:1px solid #2a2a3a;flex-direction:column;gap:8px;padding-top:16px;display:flex}.section h3{color:#f0f0f0;font-size:1rem}.tip{color:#aaa;background:#1f1f2e;border-left:3px solid #6c63ff;border-radius:0 8px 8px 0;padding:12px 16px;font-size:.9rem}.checkin-box{background:#1f1f2e;border:1px solid #2a2a3a;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;font-size:1.2rem;display:flex}.checkin-box div{flex-direction:column;gap:2px;display:flex}.checkin-box strong{color:#f0f0f0;font-size:.9rem}.checkin-box p{color:#888;margin:0;font-size:.85rem}.reply-box{color:#ddd;background:#1f1f2e;border-left:3px solid #22c55e;border-radius:0 8px 8px 0;padding:16px;font-size:.95rem;line-height:1.6}.future-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#a855f7);border:none;border-radius:10px;padding:14px 20px;font-size:1rem;font-weight:600;transition:opacity .2s}.future-btn:hover:not(:disabled){opacity:.85}.future-btn:disabled{opacity:.5;cursor:not-allowed}.future-box{background:linear-gradient(135deg,#1a1a2e,#16162a);border:1px solid #6c63ff44;border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.future-label{text-transform:uppercase;letter-spacing:1px;color:#a855f7;font-size:.75rem;font-weight:700}.future-box p{color:#ddd;font-size:.95rem;font-style:italic;line-height:1.7}.brutal-pill{color:#f44;background:#f442;border:1px solid #f444;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.brutal-toggle{color:#aaa;background:#0f0f13;border:1px solid #2a2a3a;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.toggle{cursor:pointer;background:#2a2a3a;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:#f44}.toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle.on .toggle-knob{left:23px}.brutal-btn{color:#fff;cursor:pointer;background:#f44;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;transition:opacity .2s}.brutal-btn:hover:not(:disabled){opacity:.85}.brutal-btn:disabled{opacity:.5;cursor:not-allowed}.procrastination-banner{color:#f88;background:#f401;border:1px solid #f444;border-left:3px solid #f44;border-radius:0 8px 8px 0;padding:12px 16px;font-size:.9rem;line-height:1.5}