:root{--bg: #0b0c10;--panel: #111316;--muted: #9aa3af;--text: #e5e7eb;--primary: #4f46e5;--border: #1f242b;--green: #10b981;--red: #ef4444;--yellow: #f59e0b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--text)}.container{max-width:1400px;margin:0 auto;padding:16px;min-height:100%;display:flex;flex-direction:column}@media (min-width: 1600px){.container{max-width:1600px}}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 16px}.brand{font-weight:700;font-size:20px}.brand-sub{margin-top:4px;font-size:13px;color:var(--muted)}.brand .logo{margin-right:8px;color:var(--yellow)}.right{display:flex;align-items:center;gap:8px}.grid{display:grid;grid-template-columns:1fr;gap:16px;position:relative;transition:grid-template-columns .3s ease-in-out}@media (min-width: 900px){.grid{grid-template-columns:1fr 1.3fr}.grid.prompt-hidden{grid-template-columns:0fr 1fr}}@media (min-width: 1400px){.grid{grid-template-columns:1fr 1.4fr}.grid.prompt-hidden{grid-template-columns:0fr 1fr}}.prompt-section{transition:transform .3s ease-in-out,opacity .3s ease-in-out;overflow:hidden;width:100%;transform:translate(0);opacity:1}.grid.prompt-hidden .prompt-section{transform:translate(-100%);opacity:0;pointer-events:none}.schedule-section{position:relative;min-width:0;transition:all .3s ease-in-out}.prompt-toggle-chevron{position:absolute;left:-1px;top:120px;transform:translateY(-50%);background:var(--panel);border:1px solid var(--border);border-left:none;border-radius:0 8px 8px 0;padding:12px 6px;cursor:pointer;color:var(--text);z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:2px 0 4px #0003}.prompt-toggle-chevron:hover{background:#1a1f27;filter:brightness(1.1)}@media (max-width: 899px){.grid.prompt-hidden .prompt-section{display:none}.prompt-toggle-chevron{position:fixed;left:0;top:50%;z-index:1000;border-left:1px solid var(--border);border-radius:0 8px 8px 0}}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.card-title{margin:0 0 12px;font-size:16px}.textarea{width:100%;background:#0f1216;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;resize:vertical}.tagInput{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#0f1216;border:1px solid var(--border);border-radius:8px;padding:8px;min-height:44px;cursor:text}.chip{display:inline-flex;align-items:center;gap:6px;background:#0b0e12;border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:13px}.chip-x{background:transparent;color:var(--muted);border:none;cursor:pointer;font-size:14px;line-height:1}.chipInput{flex:1;min-width:160px;background:transparent;border:none;outline:none;color:var(--text);padding:6px 4px}.row{display:flex;align-items:center;gap:8px;margin-top:10px}.spacer{flex:1}.muted{color:var(--muted)}.error{margin-top:8px;color:#fecaca;background:#7f1d1d;border:1px solid #991b1b;padding:8px;border-radius:8px}.btn{background:#1a1f27;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn.primary,.btn.warn{background:var(--primary);border-color:#3f3ab6}.btn.small{padding:6px 10px;font-size:12px}.btn-col{display:inline-flex;flex-direction:column;gap:4px;flex:1}.btn.withHint{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1;width:100%}.btn .btn-title{font-weight:600}.btn .btn-hint{font-size:11px;color:var(--muted);font-weight:400}.btn.small.withHint{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:180px}.btn .btn-title{white-space:nowrap}.schedule{display:flex;flex-direction:column;gap:8px}.empty-message-mobile{display:none}.empty-message-desktop{display:inline}.drop-spacer{height:0px;border:1px dashed #334155;border-radius:8px;background:#4f46e514;transition:height .12s ease}.task{display:grid;grid-template-columns:28px min-content 1fr 24px 24px 24px 24px;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#0f1216;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease;will-change:transform;min-width:0}.task.done{opacity:.6}.task .start,.task .end{white-space:nowrap}.task.break{background:#06b6d414;border-color:#0e2b32}.task.dragging{opacity:.9;box-shadow:0 6px 20px #00000059;pointer-events:none}.task.overrun{border-color:#ef4444;box-shadow:inset 0 0 0 2px #ef444440}.progress{margin-top:6px;height:6px;background:#0b0e12;border:1px solid var(--border);border-radius:999px;overflow:hidden}.progressBar{height:100%;background:var(--primary);transition:width .8s linear}.progressBar.overdue{background:#ef4444;animation:overdue-blink 1s ease-in-out infinite alternate}.progressBar.done{background:#10b981;opacity:.5;animation:none}@keyframes overdue-blink{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion: reduce){.progressBar.overdue{animation:none}}.checkbox{display:flex;align-items:center;justify-content:center}.times{text-align:right;white-space:nowrap;min-width:fit-content}.times .start{font-weight:600}.times .end{color:var(--muted);font-size:12px}.timeInput{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:4px 6px;width:86px;flex-shrink:0}.timeInput::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.9}.content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-width:0}.titleInput{width:100%;min-width:0;background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 8px;color:var(--text);overflow:visible;text-overflow:clip}.titleInput:focus{outline:none;border-color:var(--border);background:#0c0f13}.meta{display:flex;align-items:center;gap:8px}.durationInput{width:72px;background:#0b0e12;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 8px}.tag{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#0b0e12;text-transform:capitalize}.tag.work{border-color:#374151}.tag.study{border-color:#7c3aed}.tag.personal{border-color:#10b981}.tag.health{border-color:#ef4444}.tag.errand{border-color:#f59e0b}.tag.admin{border-color:#3b82f6}.tag.chores{border-color:#d97706}.tag.break{border-color:#06b6d4}.tag-select{cursor:pointer;font-size:11px;padding:4px 24px 4px 8px;border-radius:999px;border:1px solid var(--border);background:#0b0e12;text-transform:capitalize;color:var(--text);font-family:inherit;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239aa3af' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.tag-select:hover{border-color:var(--yellow)}.tag-select:focus{border-color:var(--yellow);box-shadow:0 0 0 2px #f59e0b33}.tag-select.work{border-color:#374151}.tag-select.study{border-color:#7c3aed}.tag-select.personal{border-color:#10b981}.tag-select.health{border-color:#ef4444}.tag-select.errand{border-color:#f59e0b}.tag-select.admin{border-color:#3b82f6}.tag-select.chores{border-color:#d97706}.tag-select.break{border-color:#06b6d4}.tag-select option{background:var(--panel);color:var(--text)}.tag.other{border-color:#6b7280}.grab{cursor:grab;text-align:center;color:var(--muted)}.grab.drag-disabled{cursor:default;opacity:.3;pointer-events:none}.iconBtn.delete{background:#1f2937;border:1px solid var(--border);color:#e5e7eb;border-radius:6px;cursor:pointer;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;margin-right:6px}.iconBtn.delete:hover{filter:brightness(1.1)}.iconBtn.alarm{background:#1f2937;border:1px solid var(--border);color:#e5e7eb;border-radius:6px;cursor:pointer;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;margin-right:6px}.iconBtn.alarm.on{color:#f59e0b}.iconBtn.lock{background:#1f2937;border:1px solid var(--border);color:#e5e7eb;border-radius:6px;cursor:pointer;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;margin-right:6px}.iconBtn.lock:hover{filter:brightness(1.1)}.iconBtn.lock.on{color:var(--primary)}.footer{margin-top:auto;display:flex;justify-content:center;padding-top:16px;gap:16px}.tip-row{margin-top:12px;margin-bottom:12px;display:flex;justify-content:center}.orientation-hint{display:none;justify-content:center;margin:4px 0 8px}@media (max-width: 640px) and (orientation: portrait){.orientation-hint{display:flex}}@media (max-width: 640px){.container{padding:8px;min-height:100vh;max-width:100%;overflow-x:hidden}.header{flex-direction:column;align-items:flex-start;gap:8px;padding:4px 0 12px}.brand{font-size:16px}.brand-sub{font-size:11px;line-height:1.3;word-break:break-word}.right{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn.small.withHint{min-width:0;width:100%;padding:5px 8px;font-size:11px}.btn.small.withHint .btn-title{font-size:11px;line-height:1.2}.btn.small.withHint .btn-hint{font-size:9px}.grid{gap:10px}.empty-message-desktop{display:none}.empty-message-mobile{display:inline}.card{padding:10px;border-radius:8px;overflow:hidden}.card-title{font-size:14px;margin:0 0 10px}.task{grid-template-columns:20px auto 1fr 20px 20px;align-items:start;gap:6px;padding:8px;border-radius:8px;overflow:hidden}.times{text-align:left;display:flex;flex-direction:column;gap:2px;min-width:0;flex-shrink:0}.times input.timeInput{width:70px;padding:3px 4px;font-size:12px}.times .end{font-size:10px;line-height:1.2}.content{grid-template-columns:1fr;gap:6px;min-width:0}.titleInput{font-size:13px;padding:4px 6px;min-width:0}.meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.durationInput{width:50px;padding:3px 4px;font-size:12px}.meta .muted{font-size:11px}.tag{font-size:9px;padding:2px 5px}.progress{margin-top:4px;height:4px}.iconBtn{width:20px;height:20px;padding:3px;flex-shrink:0}.iconBtn svg{width:12px;height:12px}.grab{font-size:12px;line-height:1;padding:4px;flex-shrink:0}.footer{flex-wrap:wrap;row-gap:6px;font-size:11px;gap:8px}.tip-row{margin-top:8px;margin-bottom:8px}.tip-row .muted{font-size:10px;line-height:1.4}}.sort-select{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px;color:var(--text);cursor:pointer;outline:none;font-family:inherit}.sort-select:hover{border-color:var(--yellow)}.sort-select:focus{border-color:var(--yellow);box-shadow:0 0 0 2px #f59e0b33}.sort-select option{background:var(--bg);color:var(--text)}@media (max-width: 640px){.sort-select{font-size:12px;padding:5px 8px}}.science-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.science-section h1{color:var(--yellow);font-size:28px;margin:0 0 24px;font-weight:700}.science-section h2{color:var(--text);font-size:20px;margin:40px 0 16px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:8px}.science-section p{margin:16px 0;font-size:15px;line-height:1.7;color:var(--text)}.science-section ul{margin:16px 0;padding-left:24px}.science-section li{margin:12px 0;font-size:14px;line-height:1.6;color:var(--text)}.science-section em{font-style:italic}.science-section a{color:#60a5fa;text-decoration:none}.science-section a:hover{text-decoration:underline}.science-footer{margin-top:32px!important;padding-top:24px!important;border-top:1px solid var(--border)!important;color:var(--muted)!important;font-size:14px!important}@media (max-width: 640px){.science-section{margin-top:24px;padding-top:24px}.science-section h1{font-size:22px;margin-bottom:16px}.science-section h2{font-size:18px;margin-top:32px}.science-section p{font-size:14px}.science-section li{font-size:13px}.tagInput{padding:6px;min-height:40px}.chip{font-size:12px;padding:4px 8px}.chipInput{font-size:13px}}.ezoic-sidebar{position:fixed;top:72px;bottom:16px;width:160px;pointer-events:none;z-index:1}.ezoic-sidebar-left{left:16px}.ezoic-sidebar-right{right:16px}.ezoic-sidebar>div{width:100%;min-height:250px;pointer-events:auto}@media (max-width: 1400px){.ezoic-sidebar{display:none}}.premium-upgrade-button{position:relative;overflow:hidden}.premium-upgrade-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s;pointer-events:none}.premium-upgrade-button:hover:before{left:100%}.premium-upgrade-button:hover{background:linear-gradient(to right,#fbbf24,#facc15,#fbbf24)}