*{box-sizing:border-box}:root{--bg:#090a0d;--panel:#181a1f;--panel-2:#202228;--text:#f5eddf;--muted:#8e8d91;--border:#f5eddf2e;--accent:#f3ce54;--mint:#69dfa3;--rose:#f28e91;--danger:#ff7474;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=light]{--bg:#f8f1e6;--panel:#fffdf8;--panel-2:#f1e8dc;--text:#2b2721;--muted:#756f66;--border:#483a2a2b;--accent:#d6a820;--mint:#2f9d6b;--rose:#d46e74;--danger:#c94d52}html,body,#root{background:var(--bg);min-width:320px;min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100svh;color:var(--text);background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 28rem),var(--bg)}.app-shell{width:min(100%,760px);min-height:100svh;margin:auto;padding-bottom:88px;position:relative}.screen{padding:20px 16px 40px}h1,h2,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(1.5rem,5vw,2.1rem)}h2{font-size:1.04rem}.date-header{grid-template-columns:44px 1fr auto;align-items:center;gap:8px;min-height:62px;margin-bottom:18px;display:grid}.date-header h1{text-align:center}.date-header>div{gap:6px;display:flex}.round-button{border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:1.8rem;display:grid}.theme-toggle{color:var(--accent);font-size:1.15rem}.quick-tools{gap:8px;margin-bottom:12px;display:grid}.quick-tools>input{border:1px solid var(--border);width:100%;height:40px;color:var(--text);background:var(--panel);border-radius:13px;padding:0 13px}.filters{justify-content:center;gap:6px;display:flex}.filters button{border:1px solid var(--border);color:var(--muted);background:var(--panel);border-radius:12px;padding:6px 11px;font-size:.73rem}.filters button.active{border-color:var(--accent);color:var(--accent)}.timeline{padding-bottom:100px;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:10px;bottom:80px;left:62px}.timeline-row{grid-template-columns:52px 8px 1fr;align-items:center;gap:7px;min-height:102px;display:grid;position:relative}.timeline-row time{text-align:right;font-size:.82rem;font-weight:600}.timeline-row>i{z-index:1;border:2px solid var(--bg);background:var(--text);width:8px;height:8px;box-shadow:0 0 0 1px var(--border);border-radius:50%}.task-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--panel-2),var(--panel));cursor:pointer;border-radius:19px;grid-template-columns:38px 1fr 14px;align-items:center;gap:9px;min-height:76px;padding:11px 12px;display:grid;box-shadow:0 14px 35px #0000003d}.task-check{border:1px solid var(--rose);width:36px;height:36px;color:var(--rose);background:0 0;border-radius:50%;font-size:1.1rem}.task-card>div{gap:2px;min-width:0;display:grid}.task-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.task-card small,.chevron{color:var(--muted)}.task-card.done strong{text-decoration:line-through}.task-card.done .task-check{color:var(--mint);border-color:var(--mint)}.now-line{z-index:2;color:var(--rose);align-items:center;gap:8px;font-size:.72rem;display:flex;position:absolute;top:93px;left:62px;right:0}.now-line:before,.now-line:after{content:"";background:var(--rose);flex:1;height:1px}.now-line:before{max-width:45px}.empty{color:var(--muted);justify-items:center;gap:6px;padding:80px 20px;display:grid}.add-button{z-index:8;color:#fff;background:linear-gradient(145deg,#ff9c9f,#e87579);border:0;border-radius:50%;width:60px;height:60px;font-size:2rem;position:fixed;bottom:82px;right:max(20px,50vw - 360px);box-shadow:0 15px 32px #e8757959}.bottom-nav{z-index:10;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;grid-template-columns:repeat(4,1fr);width:min(100% - 20px,720px);height:62px;margin:auto;padding:4px 7px;display:grid;position:fixed;bottom:8px;left:0;right:0;box-shadow:0 18px 45px #0006}.bottom-nav button{color:var(--muted);background:0 0;border:0;align-content:center;place-items:center;gap:1px;display:grid;position:relative}.bottom-nav button span{font-size:1.05rem}.bottom-nav button small{font-size:.64rem}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active:after{content:"";background:var(--accent);border-radius:4px;width:50%;height:2px;position:absolute;bottom:0}.week-summary,.panel,.score-card,.stats{border:1px solid var(--border);background:var(--panel);border-radius:22px;box-shadow:0 14px 35px #00000038}.week-summary{grid-template-columns:52px 1fr;gap:14px;margin-bottom:12px;padding:18px;display:grid}.big-icon{border:1px solid var(--border);width:48px;height:48px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.week-summary>div{gap:6px;display:grid}.week-summary p{color:var(--muted);font-size:.8rem}.week-summary b{color:var(--mint)}.score{color:var(--accent)!important}.bar{background:color-mix(in srgb,var(--muted) 22%,transparent);border-radius:20px;height:6px;overflow:hidden}.bar span{border-radius:inherit;background:var(--mint);height:100%;display:block}.week-list{gap:8px;display:grid}.week-day{border:1px solid var(--border);min-height:66px;color:var(--text);text-align:left;background:var(--panel);border-radius:18px;grid-template-columns:30px 22px 1fr 74px 12px;align-items:center;gap:8px;padding:8px 10px;display:grid}.week-day.today{border-color:var(--accent)}.week-day>b{text-transform:capitalize}.week-day>span,.week-day small,.week-day em{color:var(--muted);font-size:.7rem;font-style:normal}.week-day em{text-align:right}.week-day.today em{color:var(--accent)}.simple-screen>h1{text-align:center;margin:18px 0 28px}.score-card{grid-template-columns:90px 1fr;align-items:center;gap:14px;padding:17px;display:grid}.ring{border:9px solid color-mix(in srgb,var(--muted) 22%,transparent);border-top-color:var(--mint);width:84px;height:84px;color:var(--mint);border-radius:50%;place-items:center;display:grid}.score-card h2 b{color:var(--accent);font-size:1.7rem}.score-card p,.muted{color:var(--muted)}.segments{gap:7px;margin-top:16px;display:flex}.segments i{background:color-mix(in srgb,var(--muted) 24%,transparent);border-radius:10px;width:30px;max-width:18%;height:7px}.segments i:first-child{background:var(--mint)}.stats{grid-template-columns:repeat(3,1fr);margin:12px 0;padding:14px 4px;display:grid}.stats div{border-right:1px solid var(--border);justify-items:center;display:grid}.stats div:last-child{border:0}.stats b{color:var(--mint);font-size:1.2rem}.stats span{color:var(--muted);font-size:.68rem}.panel{margin-bottom:12px;padding:17px}.panel h2{margin-bottom:14px}.success{color:var(--mint);text-align:center;padding:16px}.settings-screen .panel{padding:16px}.setting-row{border:0;border-bottom:1px solid var(--border);min-height:57px;color:var(--text);background:0 0;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;display:flex}.setting-row:last-child{border:0}.setting-row span,.setting-row select{color:var(--muted)}.setting-row select{background:0 0;border:0}.setting-row.full{width:100%}.danger b{color:var(--danger)}.theme-choice{border:1px solid var(--border);border-radius:13px;grid-template-columns:1fr 1fr;width:190px;padding:3px;display:grid}.theme-choice button{min-height:35px;color:var(--muted);background:0 0;border:0;border-radius:10px}.theme-choice button.active{color:#171308;background:var(--accent)}.footnote{color:var(--muted);text-align:center;font-size:.7rem}.task-form{width:min(100%,660px);min-height:100svh;margin:auto}.task-form header{grid-template-columns:44px 1fr 62px;align-items:center;margin-bottom:22px;display:grid}.task-form header h1{text-align:center}.cancel{color:var(--rose);background:0 0;border:0}.task-form>label,.task-form fieldset,.time-fields{gap:8px;margin:0 0 17px;display:grid}.task-form label>span,.task-form legend{font-weight:600}.task-form input,.task-form textarea,.select-row,.note-button{border:1px solid var(--border);width:100%;min-height:58px;color:var(--text);background:var(--panel);border-radius:17px;padding:13px 15px}.task-form textarea{resize:vertical;min-height:90px}.task-form fieldset{border:0;padding:0}.switcher{border:1px solid var(--border);background:var(--panel);border-radius:15px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.switcher button{min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:12px}.switcher button.active{color:#171308;background:var(--accent)}.time-fields{border:1px solid var(--border);background:var(--panel);border-radius:18px;grid-template-columns:1fr 1fr;padding:14px}.time-fields label{gap:7px;display:grid}.select-row{grid-template-columns:1fr auto;align-items:center;display:grid!important}.select-row select{max-width:190px;color:var(--muted);text-align:right;background:0 0;border:0}.note-button{color:var(--muted);text-align:left;justify-content:space-between;align-items:center;display:flex}.save-button{color:#171308;background:var(--accent);border:0;border-radius:17px;width:100%;min-height:58px;font-weight:700}.delete-button{width:100%;color:var(--danger);background:0 0;border:0;margin-top:10px;padding:12px}.helper{color:var(--muted);text-align:center;margin-top:10px;display:block}@media (width>=800px){.screen{padding-left:42px;padding-right:42px}.week-list{grid-template-columns:1fr 1fr}.timeline-row{grid-template-columns:64px 8px minmax(0,650px)}.timeline:before{left:74px}}@media (width<=390px){.date-header h1{font-size:1.35rem}.round-button{width:38px;height:38px}.week-day{grid-template-columns:28px 20px 1fr 64px 10px;gap:5px}.theme-choice{width:150px}}.task-card .on-time-result{color:var(--mint)}.task-card .late-result{color:var(--accent)}.task-card.done{opacity:.58}.ring{background:conic-gradient(var(--accent) var(--progress,0deg),color-mix(in srgb,var(--muted) 22%,transparent) 0);border:0;position:relative}.ring:after{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:9px}.ring b{z-index:1}.segments i.active{background:var(--mint)}.now-marker{z-index:2;height:0;color:var(--rose);align-items:center;gap:8px;margin-left:62px;font-size:.72rem;display:flex;position:relative}.now-marker:before,.now-marker:after{content:"";background:var(--rose);flex:1;height:1px}.now-marker:before{max-width:45px}@media (width>=800px){.now-marker{margin-left:74px}}.repeat-options{background:var(--panel);border-radius:17px;border:1px solid var(--border)!important;padding:14px!important}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.weekday-picker button{aspect-ratio:1;border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:50%;font-size:.72rem}.weekday-picker button.active{border-color:var(--accent);color:#171308;background:var(--accent)}.repeat-every{border:1px solid var(--border);background:var(--panel);border-radius:17px;justify-content:space-between;align-items:center;padding:14px 15px;display:flex!important}.repeat-every>div{align-items:center;gap:8px;display:flex}.repeat-every input{text-align:center;width:70px!important;min-height:42px!important;padding:8px!important}.repeat-every b{color:var(--muted)}.task-card{grid-template-columns:38px 1fr 32px}.task-menu-button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid}.task-menu-button:hover{background:color-mix(in srgb,var(--muted) 12%,transparent)}.task-card.status-done,.task-card.status-slept,.task-card.status-skipped{opacity:.62}.task-card.status-done strong,.task-card.status-slept strong,.task-card.status-skipped strong{text-decoration:line-through}.task-card.status-done .task-check{color:var(--mint);border-color:var(--mint)}.task-card.status-slept .task-check,.slept-result{color:var(--accent);border-color:var(--accent)}.task-card.status-skipped .task-check,.skipped-result{color:var(--danger);border-color:var(--danger)}.action-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;background:#000000a3;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.action-sheet{border:1px solid var(--border);background:var(--panel);border-radius:25px;gap:4px;width:min(100%,520px);padding:10px;display:grid;box-shadow:0 24px 70px #0000008c}.action-sheet-handle{background:var(--muted);border-radius:5px;width:42px;height:4px;margin:0 auto 6px}.action-sheet h3{text-overflow:ellipsis;white-space:nowrap;text-align:center;margin:4px 10px 8px;overflow:hidden}.action-sheet button{min-height:52px;color:var(--text);text-align:left;background:color-mix(in srgb,var(--panel-2) 82%,transparent);border:0;border-radius:15px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.action-sheet button span{color:var(--muted);font-size:.75rem}.action-sheet button.warning{color:var(--accent)}.action-sheet button.danger{color:var(--danger);background:0 0;justify-content:center}.action-sheet button.sheet-cancel{background:var(--panel-2);justify-content:center;margin-top:2px}.punishment-panel{border-color:color-mix(in srgb,var(--danger) 62%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 13%,var(--panel)),var(--panel))}.punishment{gap:14px;display:grid}.punishment-taunt{border-left:3px solid var(--danger);color:var(--rose);background:color-mix(in srgb,var(--danger) 8%,transparent);border-radius:8px;padding:12px;line-height:1.45}.punishment-task{grid-template-columns:42px 1fr;align-items:start;gap:12px;display:grid}.punishment-task>button{border:1px solid var(--danger);width:40px;height:40px;color:var(--danger);background:0 0;border-radius:50%;font-size:1.25rem}.punishment-task h3{margin-bottom:5px}.punishment-task p{color:var(--muted);line-height:1.45}.punishment-task small{color:var(--accent);margin-top:9px;display:block}.settings-subheader{grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:20px;display:grid}.settings-subheader h1{text-align:center}.settings-editor{padding-bottom:110px}.editor-intro{margin-bottom:14px;line-height:1.45}.editor-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:66px;display:flex}.editor-row:last-child{border:0}.editor-row>div{align-items:center;gap:8px;display:flex}.editor-row input{border:1px solid var(--border);width:76px;min-height:42px;color:var(--text);text-align:center;background:var(--panel-2);border-radius:12px;padding:7px}.editor-row small{width:48px;color:var(--muted)}.punishment-editor-list,.punishment-editor{gap:10px;display:grid}.punishment-editor input,.punishment-editor textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--panel-2);border-radius:13px;padding:12px}.punishment-editor textarea{resize:vertical;min-height:82px}.strict-test-button b{color:var(--danger)}.strict-mode{--bg:#19080d;--panel:#2a1017;--panel-2:#37151e;--border:#ffa6a640;--accent:#ff9a7a;--rose:#ff737d;--mint:#f0b56b;background:radial-gradient(circle at 50% 0,#911a2f52,transparent 45%),var(--bg);min-height:100svh}.strict-mode .app-shell{background:0 0}.strict-mode .bottom-nav{background:#2a1017f2;border-color:#ff747459}.strict-mode .add-button{display:none}.strict-mode .score-card,.strict-mode .panel,.strict-mode .task-card,.strict-mode .week-day{box-shadow:0 16px 42px #56001247}.strict-banner{color:#ffd7cf;text-align:center;background:linear-gradient(90deg,#53111f,#7c1826,#53111f);border-bottom:1px solid #ff747473;gap:5px;margin:-6px -16px 16px;padding:15px 18px;display:grid}.strict-banner b{letter-spacing:.16em}.strict-banner span{opacity:.82;font-size:.72rem}.strict-banner button{color:#fff;background:#0000002e;border:1px solid #ffffff40;border-radius:12px;justify-self:center;margin-top:4px;padding:7px 12px;font-size:.72rem}@media (width>=800px){.strict-banner{margin-left:-42px;margin-right:-42px}}.cycle-date{border:1px solid var(--border);max-width:150px;color:var(--muted);background:var(--panel-2);border-radius:11px;padding:7px 9px}.notification-info{text-align:center;justify-items:center;gap:14px;display:grid;padding:28px 20px!important}.notification-symbol{border:1px solid var(--accent);width:70px;height:70px;color:var(--accent);box-shadow:0 0 32px color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;place-items:center;font-size:2rem;display:grid}.notification-info p{max-width:480px;line-height:1.5}.notification-info .save-button{margin-top:8px}.notice-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:12px;padding:10px}.test-notification{color:var(--accent);background:0 0;border:0;padding:10px 14px}.reminder-toast{z-index:35;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border));width:min(100% - 24px,560px);color:var(--text);background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;grid-template-columns:1fr 32px;gap:12px;padding:14px 12px 14px 16px;display:grid;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 20px 55px #0000006b}.reminder-toast>div{gap:3px;display:grid}.reminder-toast span{color:var(--muted);font-size:.78rem}.reminder-toast button{width:32px;height:32px;color:var(--muted);background:var(--panel-2);border:0;border-radius:50%;font-size:1.1rem}.import-row{cursor:pointer;position:relative}.import-row input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}