@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";:root{--bg:#fff9f0;--text:#4a3728;--text-muted:#8b735b;--primary:#e6a87c;--primary-light:#f3d2b9;--secondary:#d4e6cc;--secondary-dark:#a8c69f;--accent:#f472b6;--card-bg:#fff;--shadow:0 8px 30px #4a372814;--radius-lg:32px;--radius-md:20px;--radius-sm:12px;--font-main:"Quicksand", sans-serif;background-color:var(--bg);color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;margin:0}#root{background:var(--bg);width:100%;max-width:500px;min-height:100dvh;margin:0 auto;position:relative}h1,h2,h3,h4{margin:0;font-weight:700}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}input{border:none;outline:none;font-family:inherit;font-size:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:10px}.clock-wrap{width:100%}.clock-label-row{background:var(--card-bg);border-radius:var(--radius-md);border:2px solid var(--primary-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.clock-label{color:var(--text-muted);font-size:14px;font-weight:600}.time-display{color:var(--primary);font-size:18px;font-weight:700}.clock-modal{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:16px;margin-top:8px;padding:24px;display:flex}.clock-face{border:6px solid var(--primary-light);border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:relative}.hour-num{color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:absolute}.hour-num.active{background:var(--primary);color:#fff}.hour-num:hover{background:var(--primary-light)}.clock-center{background:var(--primary);z-index:2;border-radius:50%;width:10px;height:10px}.clock-hand{z-index:1;justify-content:center;width:4px;height:190px;display:flex;position:absolute}.hand-dot{background:var(--primary);cursor:grab;border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:10px;box-shadow:0 4px 8px #0000001a}.minute-picker{align-items:center;gap:12px;width:100%;display:flex}.minute-slider{background:var(--primary-light);appearance:none;border-radius:4px;flex:1;height:6px}.minute-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px}.minute-text{color:var(--text-muted);min-width:55px;font-size:14px;font-weight:600}.ampm-row{gap:8px;display:flex}.ampm-btn{border-radius:var(--radius-sm);color:var(--text-muted);background:var(--bg);padding:6px 18px;font-size:14px;font-weight:700;transition:all .2s}.ampm-btn.active{background:var(--secondary);color:var(--text)}.done-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);width:100%;padding:10px;font-size:15px;font-weight:700}.done-btn:active{transform:scale(.97)}.dclock-wrap{width:100%}.dclock-label-row{background:var(--card-bg);border-radius:var(--radius-md);border:2px solid var(--primary-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dclock-label{color:var(--text-muted);font-size:14px;font-weight:600}.dclock-display{color:var(--primary);font-family:Quicksand,monospace;font-size:18px;font-weight:700}.dclock-modal{flex-direction:column;gap:10px;margin-top:8px;display:flex}.casio-screen{background:#2a3a2a;border-radius:14px;padding:4px;box-shadow:inset 0 2px 8px #0006,0 4px 12px #00000026}.casio-inner{background:#b8c9a3;border-radius:10px;flex-direction:column;align-items:center;padding:16px 12px 10px;font-family:Courier New,monospace;display:flex}.casio-time{align-items:baseline;gap:0;display:flex}.casio-digit{color:#2a3a2a;letter-spacing:2px;cursor:pointer;border-radius:4px;padding:2px 4px;font-size:36px;font-weight:700;transition:background .2s}.casio-digit:hover{background:#2a3a2a1a}.casio-digit.blink{animation:1s step-end infinite casio-blink}@keyframes casio-blink{50%{opacity:.3}}.casio-colon{color:#2a3a2a;margin:0 2px;font-size:32px;font-weight:700}.casio-ampm{color:#2a3a2a;opacity:.7;margin-left:6px;font-size:14px;font-weight:700}.casio-sub{color:#2a3a2a;opacity:.5;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:10px}.dclock-controls{grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;display:grid}.dclock-btn{border-radius:10px;padding:10px 0;font-size:14px;font-weight:700;transition:all .1s}.dclock-btn:active{transform:scale(.93)}.dclock-btn.up,.dclock-btn.down{background:var(--secondary);color:var(--text)}.dclock-btn.ampm{background:var(--primary-light);color:var(--text)}.dclock-btn.next{background:var(--primary);color:#fff}.add-btn{background:var(--primary-light);width:100%;color:var(--text);border-radius:var(--radius-md);border:2px dashed var(--primary);align-items:center;gap:12px;padding:16px;font-weight:600;transition:all .2s;display:flex}.add-btn:hover{background:var(--primary);color:#fff;border-style:solid}.task-form{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:24px;display:flex}.form-head{justify-content:space-between;align-items:center;display:flex}.form-head h3{font-size:20px}.close-btn{color:var(--text-muted)}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.name-input{border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);border:2px solid #0000;padding:12px 16px}.name-input:focus{border-color:var(--primary-light)}.time-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.day-row{flex-wrap:wrap;gap:6px;display:flex}.day-btn{width:40px;height:36px;color:var(--text-muted);background:var(--bg);text-transform:uppercase;border-radius:10px;font-size:11px;font-weight:700;transition:all .2s}.day-btn.active{background:var(--primary);color:#fff;box-shadow:0 3px 8px #e6a87c4d}.cat-row{flex-wrap:wrap;gap:8px;display:flex}.cat-btn{background:var(--bg);border-radius:var(--radius-sm);color:var(--text-muted);padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s}.cat-btn.active{background:var(--secondary);color:var(--text);box-shadow:0 4px 10px #d4e6cc66}.submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);padding:14px;font-size:17px;font-weight:700;box-shadow:0 8px 20px #e6a87c4d}.task-list{flex-direction:column;gap:16px;margin-top:24px;padding-bottom:24px;display:flex}.list-head{justify-content:space-between;align-items:flex-end;margin-bottom:2px;display:flex}.list-head h2{margin:0;font-size:18px}.count-badge{background:var(--bg);color:var(--text-muted);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.empty{text-align:center;color:var(--text-muted);margin-top:20px;font-size:14px;font-weight:500}.task-grid{flex-direction:column;gap:12px;display:flex}.task-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.task-card.muted{opacity:.6;filter:grayscale(.5)}.task-card.completed{border-left:4px solid var(--secondary);box-shadow:inset 0 0 0 1px var(--secondary-dark);background:#fdfaf6}.task-info{z-index:1;flex-direction:column;gap:4px;display:flex}.task-cat{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.task-name{color:var(--text);margin:0;font-size:16px}.task-name.struck{opacity:.6;color:var(--text-muted);text-decoration:line-through}.task-time{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.dur-chip{background:var(--primary-light);color:var(--text);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.day-pills{gap:4px;margin-top:6px;display:flex}.day-pill{background:var(--bg);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.day-pill.today{background:var(--secondary);color:var(--text)}.task-actions{z-index:1;justify-content:space-between;align-items:center;margin-top:4px;display:flex}.streak-badge{background:var(--secondary);color:var(--text);border-radius:10px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;font-weight:700;display:flex}.btn-group{gap:6px;display:flex}.strike-btn{background:var(--primary-light);color:var(--text);border-radius:var(--radius-sm);box-shadow:0 3px 0 var(--primary);white-space:nowrap;align-items:center;gap:4px;padding:7px 10px;font-size:12px;font-weight:700;transition:all .1s;display:flex}.strike-btn:active{box-shadow:0 0 0 var(--primary);transform:translateY(3px)}.strike-btn.active{background:var(--secondary);box-shadow:0 3px 0 var(--secondary-dark)}.del-btn{color:#dc2626;border-radius:var(--radius-sm);background:#fee2e2;padding:8px;transition:all .1s}.del-btn:active{transform:scale(.9)}.undo-overlay-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#2a262166;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.undo-modal{background:var(--card-bg);text-align:center;border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px;padding:24px;display:flex;box-shadow:0 16px 40px #00000026}.undo-warn-icon{color:#ea580c;background:#ffedd5;border-radius:50%;padding:12px;box-shadow:0 4px 12px #ea580c26}.undo-text strong{color:var(--text);margin-bottom:6px;font-size:16px;line-height:1.2;display:block}.undo-text p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.undo-actions{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.undo-cancel{background:var(--primary);color:#fff;border-radius:var(--radius-sm);width:100%;box-shadow:0 4px 0 var(--primary-dark,#c47a4a);padding:12px;font-size:14px;font-weight:700;transition:transform .1s}.undo-cancel:active{transform:translateY(4px);box-shadow:0 0 #0000}.undo-confirm{width:100%;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;padding:12px;font-size:14px;font-weight:700;transition:color .2s}.undo-confirm:active{color:#dc2626;background:#fee2e2}.heatmap-wrap{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;overflow-x:auto}.heatmap-grid{gap:3px;padding-bottom:4px;display:flex;overflow-x:auto}.heatmap-labels{display:none}.heatmap-col{flex-direction:column;gap:3px;display:flex}.heatmap-cell{border-radius:4px;flex-shrink:0;width:14px;height:14px;transition:transform .15s}.heatmap-cell:hover{transform:scale(1.4)}.heatmap-cell.level-0{background:#f3ebe0}.heatmap-cell.level-1{background:#f3d2b9}.heatmap-cell.level-2{background:#e6a87c}.heatmap-cell.level-3{background:#c47a4a}.heatmap-legend{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:12px;font-size:11px;display:flex}.heatmap-legend .heatmap-cell{width:12px;height:12px}.share-trigger{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#e6a87c,#f472b6);justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;display:flex;box-shadow:0 8px 20px #e6a87c4d}.share-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.share-sheet{background:var(--bg);border-radius:28px 28px 0 0;flex-direction:column;gap:16px;width:100%;max-width:500px;max-height:90vh;padding:24px;display:flex;overflow-y:auto}.share-head{justify-content:space-between;align-items:center;display:flex}.share-head h3{font-size:20px}.share-head button{color:var(--text-muted)}.card-types{gap:8px;display:flex}.type-btn{border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-muted);flex:1;padding:8px;font-size:13px;font-weight:700;transition:all .2s}.type-btn.active{background:var(--primary);color:#fff}.share-card{text-align:center;border-radius:24px;padding:32px 24px;position:relative;overflow:hidden}.card-streak{background:linear-gradient(135deg,#fef3c7,#fde68a)}.card-hours{background:linear-gradient(135deg,#d4e6cc,#a8c69f)}.card-consistency{background:linear-gradient(135deg,#fce7f3,#f9a8d4)}.card-brand{opacity:.5;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:700}.card-body{flex-direction:column;align-items:center;gap:4px;display:flex}.card-icon{opacity:.6;margin-bottom:8px}.card-big{font-size:56px;font-weight:700;line-height:1}.card-label{opacity:.7;font-size:16px;font-weight:600}.card-task{opacity:.5;margin-top:4px;font-size:14px;font-weight:500}.card-footer{opacity:.3;letter-spacing:1px;margin-top:20px;font-size:11px;font-weight:700}.share-action{background:var(--primary);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:16px;font-weight:700;display:flex}.analytics{flex-direction:column;gap:18px;display:flex}.stats-head{justify-content:space-between;align-items:center;display:flex}.total-pill{background:var(--primary);color:#fff;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:flex}.graph-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;padding:20px 14px}.graph-sub{color:var(--text-muted);margin-top:8px;font-size:11px}.proj-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.proj-card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow);align-items:center;gap:10px;padding:14px;display:flex}.icon-circle{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-circle.blue{color:#0ea5e9;background:#e0f2fe}.icon-circle.gold{color:#d97706;background:#fef3c7}.proj-card h4{color:var(--text-muted);text-transform:uppercase;font-size:11px}.proj-val{color:var(--text);margin:2px 0;font-size:16px;font-weight:700}.proj-sub{color:var(--text-muted);font-size:10px}.trophy-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px;display:grid}.trophy-item{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:12px 6px;transition:all .3s;display:flex}.trophy-item.locked{opacity:.4;filter:grayscale();box-shadow:none;border:1px dashed var(--primary-light);background:0 0}.trophy-icon{margin-bottom:6px;font-size:28px;line-height:1}.trophy-name{color:var(--text);font-size:10px;font-weight:700;line-height:1.1}.trophy-req{color:var(--text-muted);margin-top:4px;font-size:9px}.per-task-section,.per-task-grid{flex-direction:column;gap:12px;display:flex}.per-task-card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:18px;display:flex}.pt-head{justify-content:space-between;align-items:flex-start;display:flex}.pt-cat{text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-size:10px;font-weight:700}.pt-name{color:var(--text);margin-top:2px;font-size:16px}.pt-streak{background:var(--secondary);color:var(--text);border-radius:10px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:700;display:flex}.pt-stats-row{gap:16px;display:flex}.pt-stat{color:var(--text-muted);align-items:center;gap:6px;display:flex}.pt-val{color:var(--text);font-size:15px;font-weight:700}.pt-label{color:var(--text-muted);font-size:11px;display:block}.pt-projections{background:var(--bg);border-radius:var(--radius-sm);gap:8px;padding:10px 12px;display:flex}.pt-proj{text-align:center;flex:1}.pt-proj-val{color:var(--text);font-size:15px;font-weight:700;display:block}.pt-proj-label{color:var(--text-muted);font-size:10px}.motiv-card{background:linear-gradient(135deg, white, var(--bg));border-radius:var(--radius-lg);border:2px solid #fff;align-items:center;gap:16px;padding:20px;display:flex}.heart-circle{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #f472b633}.motiv-card h3{margin-bottom:4px;font-size:16px}.motiv-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.settings-page{flex-direction:column;gap:16px;display:flex}.settings-card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:18px;display:flex}.settings-card.danger{border:2px solid #fee2e2}.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-row h4{font-size:15px}.setting-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.toggle-group{background:var(--bg);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.toggle-btn{color:var(--text-muted);border-radius:9px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s}.toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #e6a87c4d}.clear-btn{color:#dc2626;border-radius:var(--radius-sm);background:#fee2e2;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:14px;font-weight:700;display:flex}.confirm-row{flex-direction:column;gap:10px;display:flex}.confirm-warn{color:#dc2626;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.confirm-btns{gap:8px;display:flex}.cancel-btn{border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);flex:1;padding:10px;font-size:14px;font-weight:700}.danger-btn{border-radius:var(--radius-sm);color:#fff;background:#dc2626;flex:1;padding:10px;font-size:14px;font-weight:700}.app-shell{flex-direction:column;gap:22px;padding:24px 20px;display:flex}.header{align-items:center;gap:14px;display:flex}.mascot-wrap{background:var(--primary-light);width:56px;height:56px;box-shadow:var(--shadow);z-index:2;border-radius:18px;flex-shrink:0;position:relative;overflow:hidden}.mascot-img{object-fit:cover;width:100%;height:100%}.mascot-container{justify-content:center;align-items:center;display:flex;position:relative}.mood-emoji{z-index:3;filter:drop-shadow(0 2px 4px #0000001a);font-size:16px;position:absolute}.mood-emoji.zzz{animation:3s ease-in-out infinite float-zzz;top:-8px;right:-8px}.mood-emoji.sparkles{top:-12px;right:-8px}@keyframes float-zzz{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(10deg)}}.app-title{color:var(--text);letter-spacing:-.5px;font-size:26px}.app-sub{color:var(--text-muted);margin:0;font-size:13px;font-weight:500}.tab-nav{border-radius:var(--radius-md);box-shadow:var(--shadow);background:#fff;gap:6px;padding:6px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-muted);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.tab.active{background:var(--bg);color:var(--primary)}.tab-content{flex-direction:column;gap:22px;display:flex}.footer{text-align:center;color:var(--text-muted);opacity:.5;padding:20px 0;font-size:11px}