:root{--blue: #1668D8;--blue-hover: #1259bb;--blue-press: #0f4c9e;--blue-soft: #EAF2FE;--blue-soft-2: #DBE8FD;--navy: #0E2A4F;--ink: #16324F;--muted: #6B7F98;--muted-2: #94A6BC;--bg: #F5F7FB;--surface: #FFFFFF;--surface-2:#F8FAFD;--line: #E7EDF5;--line-2: #DCE5F0;--success: #17A34A;--success-soft: #E7F7EC;--warn: #F59E0B;--warn-soft:#FEF4E2;--danger: #E5484D;--danger-soft: #FDECEC;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(14, 42, 79, .05), 0 1px 3px rgba(14, 42, 79, .04);--sh-2: 0 2px 8px rgba(14, 42, 79, .07), 0 1px 2px rgba(14, 42, 79, .04);--sh-3: 0 10px 30px rgba(14, 42, 79, .12);--sh-blue: 0 8px 20px rgba(22, 104, 216, .28);--nav-h: 62px;--app-max: 520px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--font: "Readex Pro", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;font-synthesis-weight:none;text-rendering:optimizeLegibility;overscroll-behavior-y:none}input,select,textarea,button{font-family:inherit;font-size:16px;color:inherit}h1,h2,h3,h4{color:var(--navy);margin:0;font-weight:700;letter-spacing:-.2px}h1{font-size:26px;line-height:1.3}h2{font-size:20px}h3{font-size:17px}h4{font-size:15px}p{margin:0}a{color:var(--blue);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.ltr{direction:ltr;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums}.app{min-height:100%;max-width:var(--app-max);margin-inline:auto;background:var(--bg);position:relative;box-shadow:0 0 0 1px var(--line)}.page{padding:0 16px calc(var(--nav-h) + var(--safe-b) + 24px);min-height:100%;animation:pageIn .22s ease-out}.page--flush{padding-inline:0}.page--nonav{padding-bottom:calc(var(--safe-b) + 24px)}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.appbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;min-height:56px;padding:calc(var(--safe-t) + 8px) 16px 8px;margin-inline:-16px;background:#ffffffe6;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.appbar--plain{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}.appbar__title{flex:1;font-size:17px;font-weight:700;color:var(--navy);text-align:center}.appbar__side{min-width:36px;display:flex;align-items:center;gap:6px;justify-content:flex-end}.appbar__side--start{justify-content:flex-start}.iconbtn{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:0;background:transparent;color:var(--navy);border-radius:var(--r-md);cursor:pointer;transition:background .15s}.iconbtn:active{background:var(--blue-soft)}.iconbtn--soft{background:var(--surface);box-shadow:var(--sh-1)}.bottomnav{position:fixed;bottom:0;inset-inline:0;z-index:60;max-width:var(--app-max);margin-inline:auto;display:grid;grid-template-columns:repeat(5,1fr);background:#fffffff0;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--line);padding-bottom:var(--safe-b)}.bottomnav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--nav-h);border:0;background:none;cursor:pointer;color:var(--muted-2);font-size:11px;font-weight:600;transition:color .16s;position:relative}.bottomnav__item.is-active{color:var(--blue);font-weight:700}.bottomnav__item.is-active:before{content:"";position:absolute;top:0;width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--blue)}.bottomnav__item svg{width:23px;height:23px}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-1);border:1px solid var(--line);padding:14px}.card--flat{box-shadow:none}.card--pad-0{padding:0;overflow:hidden}.card--tap{cursor:pointer;transition:transform .12s,box-shadow .16s;width:100%;text-align:start;font:inherit;color:inherit;display:block}.card--tap:active{transform:scale(.985);box-shadow:var(--sh-2)}.section{margin-top:22px}.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.section__title{font-size:16px;font-weight:700;color:var(--navy)}.section__link{font-size:13px;font-weight:700;color:var(--blue);background:none;border:0;cursor:pointer;padding:4px}.muted{color:var(--muted)}.small{font-size:13px}.xsmall{font-size:11.5px}.strong{font-weight:700;color:var(--navy)}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.stack>*+*{margin-top:10px}.stack-lg>*+*{margin-top:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--line);margin:12px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:var(--r-md);border:0;background:var(--blue);color:#fff;font-size:16px;font-weight:700;cursor:pointer;user-select:none;transition:transform .12s,background .15s,box-shadow .15s;box-shadow:var(--sh-blue)}.btn:active{transform:scale(.975);background:var(--blue-press)}.btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed;transform:none}.btn--block{display:flex;width:100%}.btn--ghost{background:var(--surface);color:var(--blue);box-shadow:none;border:1.5px solid var(--blue-soft-2)}.btn--ghost:active{background:var(--blue-soft)}.btn--subtle{background:var(--blue-soft);color:var(--blue);box-shadow:none}.btn--subtle:active{background:var(--blue-soft-2)}.btn--danger{background:var(--danger);box-shadow:none}.btn--danger-ghost{background:var(--danger-soft);color:var(--danger);box-shadow:none}.btn--sm{min-height:38px;font-size:14px;padding:0 14px;border-radius:var(--r-sm);box-shadow:none}.btn--xs{min-height:32px;font-size:12.5px;padding:0 10px;border-radius:var(--r-sm);box-shadow:none;font-weight:700}.btn--white{background:#fff;color:var(--blue);box-shadow:var(--sh-2)}.fab{position:fixed;z-index:55;inset-inline-end:max(16px,calc(50vw - var(--app-max)/2 + 16px));bottom:calc(var(--nav-h) + var(--safe-b) + 16px);height:52px;padding:0 20px;border-radius:var(--r-pill);border:0;background:var(--blue);color:#fff;font-weight:700;font-size:15px;box-shadow:var(--sh-blue);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.fab:active{transform:scale(.96)}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line-2);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .14s,border-color .14s,color .14s}.chip.is-on{background:var(--blue);border-color:var(--blue);color:#fff}.chip--sm{padding:5px 10px;font-size:12px}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);background:var(--blue-soft);color:var(--blue);font-size:11.5px;font-weight:700;white-space:nowrap}.tag--muted{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.tag--success{background:var(--success-soft);color:var(--success)}.tag--warn{background:var(--warn-soft);color:#b26a02}.scroller{display:flex;gap:8px;overflow-x:auto;padding:2px 16px;margin-inline:-16px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}.scroller::-webkit-scrollbar{display:none}.field{display:block}.field__label{display:block;font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:7px}.field__hint{font-size:12px;color:var(--muted);margin-top:6px}.input,.select,.textarea{width:100%;min-height:50px;padding:12px 14px;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--r-md);color:var(--navy);font-weight:600;outline:none;transition:border-color .15s,box-shadow .15s;appearance:none}.textarea{min-height:84px;resize:vertical;line-height:1.6}.input::placeholder,.textarea::placeholder{color:var(--muted-2);font-weight:500}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7F98' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-inline-start:14px;padding-inline-end:38px}.searchbar{position:relative;display:flex;align-items:center}.searchbar>svg{position:absolute;inset-inline-start:14px;color:var(--muted-2);pointer-events:none}.searchbar .input{padding-inline-start:44px;padding-inline-end:40px;min-height:48px}.searchbar__clear{position:absolute;inset-inline-end:8px;width:30px;height:30px;border:0;border-radius:50%;background:var(--surface-2);color:var(--muted);display:grid;place-items:center;cursor:pointer}.option{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--r-md);cursor:pointer;text-align:start;transition:border-color .15s,background .15s,box-shadow .15s;font:inherit;color:inherit}.option.is-on{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 3px #1668d814}.option__box{width:24px;height:24px;flex:0 0 24px;border-radius:7px;border:2px solid var(--line-2);background:var(--surface);display:grid;place-items:center;color:#fff;transition:background .15s,border-color .15s}.option.is-on .option__box{background:var(--blue);border-color:var(--blue)}.option__box--round{border-radius:50%}.option__emoji{font-size:20px;line-height:1}.option__title{font-weight:700;color:var(--navy);font-size:15px}.option__sub{font-size:12.5px;color:var(--muted)}.segmented{display:flex;padding:4px;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.segmented__btn{flex:1;min-height:38px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:13.5px;font-weight:700;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}.segmented__btn.is-on{background:var(--surface);color:var(--navy);box-shadow:var(--sh-1)}.stepper{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:4px}.stepper button{width:34px;height:34px;border:0;border-radius:9px;background:var(--surface);color:var(--blue);box-shadow:var(--sh-1);font-size:18px;font-weight:700;cursor:pointer;display:grid;place-items:center}.stepper button:active{background:var(--blue-soft)}.stepper button:disabled{opacity:.35}.stepper__val{min-width:46px;text-align:center;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}.switch{position:relative;width:48px;height:28px;flex:0 0 48px;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch__track{position:absolute;inset:0;background:var(--line-2);border-radius:999px;transition:background .18s}.switch__thumb{position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:var(--sh-1);transition:transform .18s}.switch input:checked~.switch__track{background:var(--blue)}.switch input:checked~.switch__thumb{transform:translate(-20px)}[dir=ltr] .switch input:checked~.switch__thumb{transform:translate(20px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats--4{grid-template-columns:repeat(4,1fr)}.stats--2{grid-template-columns:repeat(2,1fr)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 8px;text-align:center}.stat__val{font-size:19px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.25}.stat__val small{font-size:11px;font-weight:700;color:var(--muted)}.stat__label{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.stat--onblue{background:#ffffff24;border-color:#fff3}.stat--onblue .stat__val{color:#fff}.stat--onblue .stat__val small{color:#ffffffbf}.stat--onblue .stat__label{color:#ffffffd1}.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);background:linear-gradient(135deg,#1c72e0,#1668d8 45%,#0f4fa8);color:#fff;padding:18px;box-shadow:var(--sh-blue)}.hero:after{content:"";position:absolute;inset-inline-end:-40px;top:-60px;width:190px;height:190px;border-radius:50%;background:#ffffff17}.hero:before{content:"";position:absolute;inset-inline-start:-50px;bottom:-80px;width:150px;height:150px;border-radius:50%;background:#ffffff12}.hero>*{position:relative;z-index:1}.hero h2,.hero h3{color:#fff}.exrow{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);width:100%;border-inline:0;border-top:0;text-align:start;font:inherit;color:inherit;cursor:pointer}.exrow:last-child{border-bottom:0}.exrow:active{background:var(--surface-2)}.exrow__name{font-weight:700;color:var(--navy);font-size:14.5px}.exrow__en{font-size:11.5px;color:var(--muted)}.exrow__meta{font-size:12px;color:var(--muted)}.thumb{width:54px;height:54px;flex:0 0 54px;border-radius:var(--r-md);overflow:hidden;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center}.thumb--lg{width:68px;height:68px;flex-basis:68px}.thumb--sm{width:42px;height:42px;flex-basis:42px;border-radius:10px}.settable{width:100%}.settable__head{display:grid;grid-template-columns:34px 1fr 74px 62px 44px;gap:8px;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;color:var(--muted);text-align:center}.setrow{display:grid;grid-template-columns:34px 1fr 74px 62px 44px;gap:8px;align-items:center;padding:7px 12px;border-top:1px solid var(--line);transition:background .18s}.setrow.is-done{background:var(--success-soft)}.setrow__idx{width:30px;height:30px;border-radius:9px;margin-inline:auto;display:grid;place-items:center;background:var(--surface-2);color:var(--navy);font-weight:700;font-size:13px;border:0;cursor:pointer}.setrow.is-done .setrow__idx{background:#17a34a24;color:var(--success)}.setrow__idx--warm{background:var(--warn-soft);color:#b26a02}.setrow__prev{font-size:12px;color:var(--muted);text-align:center;font-weight:600}.setinput{width:100%;min-height:42px;text-align:center;padding:6px 4px;border:1.5px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--navy);font-weight:700;font-variant-numeric:tabular-nums;outline:none}.setinput:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.setrow.is-done .setinput{border-color:transparent;background:transparent;color:var(--success)}.setcheck{width:38px;height:38px;border-radius:11px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--muted-2);display:grid;place-items:center;cursor:pointer;margin-inline:auto;transition:background .16s,color .16s,border-color .16s,transform .12s}.setcheck:active{transform:scale(.9)}.setrow.is-done .setcheck{background:var(--success);border-color:var(--success);color:#fff}.resttimer{position:fixed;z-index:70;bottom:calc(var(--safe-b) + 78px);inset-inline:12px;max-width:calc(var(--app-max) - 24px);margin-inline:auto;background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:12px 14px;box-shadow:var(--sh-3);display:flex;align-items:center;gap:12px;animation:slideUp .24s cubic-bezier(.2,.9,.3,1.2);overflow:hidden}@keyframes slideUp{0%{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}.resttimer__time{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px;min-width:84px;direction:ltr}.resttimer__label{font-size:11.5px;color:#ffffffb8;font-weight:600}.resttimer__btn{border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#fff;border-radius:10px;min-height:38px;padding:0 12px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.resttimer__btn:active{background:#ffffff38}.resttimer__bar{position:absolute;bottom:0;inset-inline-start:0;height:3px;background:#6fa8f2;transition:width 1s linear}.overlay{position:fixed;inset:0;z-index:90;background:#0e2a4f6b;backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:var(--app-max);background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:8px 16px calc(16px + var(--safe-b));max-height:88vh;overflow-y:auto;animation:sheetUp .26s cubic-bezier(.2,.9,.3,1.05);box-shadow:var(--sh-3)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.sheet__grip{width:40px;height:4px;border-radius:4px;background:var(--line-2);margin:6px auto 12px}.sheet__title{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:12px;text-align:center}.sheetitem{display:flex;align-items:center;gap:12px;width:100%;padding:13px 8px;border:0;background:none;border-radius:var(--r-md);cursor:pointer;text-align:start;font-size:15px;font-weight:700;color:var(--navy)}.sheetitem:active{background:var(--surface-2)}.sheetitem svg{color:var(--blue);flex:0 0 auto}.sheetitem--danger{color:var(--danger)}.sheetitem--danger svg{color:var(--danger)}.dialog{width:calc(100% - 40px);max-width:380px;margin:auto;background:var(--surface);border-radius:var(--r-xl);padding:22px 20px;text-align:center;animation:pop .2s cubic-bezier(.2,.9,.3,1.2);box-shadow:var(--sh-3)}@keyframes pop{0%{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}.overlay--center{align-items:center}.fullsheet{position:fixed;inset:0;z-index:95;background:var(--bg);max-width:var(--app-max);margin-inline:auto;display:flex;flex-direction:column;animation:sheetUp .24s cubic-bezier(.2,.9,.3,1.05)}.bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.bar__fill{height:100%;border-radius:999px;background:var(--blue);transition:width .35s ease}.bar--onblue{background:#ffffff38}.bar--onblue .bar__fill{background:#fff}.weekdots{display:flex;gap:6px;justify-content:space-between}.weekdot{flex:1;text-align:center}.weekdot__dot{width:100%;aspect-ratio:1;max-width:38px;margin-inline:auto;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted-2);font-weight:700;font-size:12px}.weekdot__dot.is-on{background:var(--blue);border-color:var(--blue);color:#fff}.weekdot__dot.is-today{border-color:var(--blue);border-width:2px;color:var(--blue)}.weekdot__label{font-size:10.5px;color:var(--muted);margin-top:4px}.empty{text-align:center;padding:34px 20px}.empty__icon{width:74px;height:74px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin:0 auto 14px}.empty__title{font-weight:700;color:var(--navy);font-size:16px;margin-bottom:6px}.empty__text{color:var(--muted);font-size:13.5px;max-width:280px;margin:0 auto 16px}.banner{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:var(--r-md);background:var(--warn-soft);border:1px solid #F7E2BC;color:#7a4e03;font-size:13.5px;font-weight:700}.banner>svg{flex:0 0 auto;margin-top:1px}.banner--blue{background:var(--blue-soft);border-color:var(--blue-soft-2);color:var(--blue)}.toast{position:fixed;z-index:120;bottom:calc(var(--nav-h) + var(--safe-b) + 20px);inset-inline:0;margin-inline:auto;width:fit-content;max-width:82%;background:var(--navy);color:#fff;padding:11px 18px;border-radius:var(--r-pill);font-size:13.5px;font-weight:700;box-shadow:var(--sh-3);animation:toastIn .25s cubic-bezier(.2,.9,.3,1.2);text-align:center}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.dots{display:flex;gap:6px;justify-content:center}.dots span{width:7px;height:7px;border-radius:999px;background:var(--line-2);transition:width .25s,background .25s}.dots span.is-on{width:22px;background:var(--blue)}.dragging{opacity:.5}.draghandle{color:var(--muted-2);cursor:grab;touch-action:none;padding:6px 2px;display:grid;place-items:center}@media (min-width: 900px){body{background:#eef2f8}.app{--app-max: 100%;max-width:1180px;display:grid;grid-template-columns:248px minmax(0,1fr);background:transparent;box-shadow:none;gap:26px;padding-inline:24px;align-items:start}.app--noshell{display:block;max-width:560px}.page{padding:0 0 60px;max-width:760px;margin-inline:auto}.appbar{margin-inline:0}.bottomnav{position:sticky;top:24px;align-self:start;height:fit-content;margin:24px 0 0;grid-template-columns:1fr;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px;gap:4px;box-shadow:var(--sh-1);inset-inline:auto}.bottomnav__item{flex-direction:row;justify-content:flex-start;gap:12px;height:48px;padding-inline:14px;border-radius:var(--r-md);font-size:14.5px}.bottomnav__item.is-active{background:var(--blue-soft)}.bottomnav__item.is-active:before{display:none}.fab{inset-inline-end:40px;bottom:32px}.resttimer{max-width:480px;inset-inline:auto;inset-inline-end:24px}.sheet{border-radius:var(--r-xl);max-width:460px;margin-bottom:6vh}.overlay{align-items:center}.fullsheet{max-width:540px;top:5vh;bottom:5vh;border-radius:var(--r-xl);overflow:hidden}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}