:root{--paper: #eef0f1;--surface: #ffffff;--ink: #1c2436;--muted: #6e7686;--line: #e4e6e9;--line-2: #edeff1;--indigo: #34467c;--indigo-700: #28376a;--indigo-soft: #eceef6;--gold: #9c7c24;--gold-soft: #f4efdd;--sage: #4f7a66;--sage-soft: #e6f0eb;--slate: #2a2f3d;--free: #d7ddec;--sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--serif: "Spectral", Georgia, serif;--bg: var(--paper);--bg-elev: var(--surface);--card: var(--surface);--card-2: var(--indigo-soft);--border: var(--line);--text: var(--ink);--muted-2: #a6abb6;--primary: var(--indigo);--primary-2: var(--indigo-700);--primary-soft: var(--indigo-soft);--green: var(--sage);--gold-lt: #c9a94e;--r: 16px;--r-sm: 12px;--radius: 16px;--radius-sm: 12px;--tab-h: 66px;--maxw: 480px;--shadow: 0 1px 2px rgba(28, 36, 54, .05), 0 12px 34px rgba(28, 36, 54, .08);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 600px at 12% -8%,#e7eaf3 0%,transparent 60%),radial-gradient(900px 500px at 100% 0%,#f1efe4 0%,transparent 55%),var(--paper);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}.wordmark{font-family:var(--serif);font-weight:600;letter-spacing:.2px;color:var(--ink)}.tagline{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:8px}.deva{font-family:"Noto Serif Devanagari",var(--serif);font-weight:500;color:var(--gold)}.app-shell{max-width:var(--maxw);margin:0 auto;min-height:100%;position:relative}.screen{padding:14px 17px calc(var(--tab-h) + 26px);max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;gap:14px}.screen--no-tab{padding-bottom:26px}.screen-header{display:flex;align-items:center;gap:10px;padding:8px 2px 4px}.screen-header .eyebrow-line{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:600}.screen-header h1{font-family:var(--serif);font-size:23px;margin:2px 0 0;font-weight:600;letter-spacing:.2px;color:var(--ink)}.screen-header .sub{color:var(--muted);font-size:13px;margin-top:2px}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:15px}.card+.card{margin-top:12px}.card.tight{padding:13px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title,.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:700;margin:6px 2px 2px}.divlabel{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:6px 2px 0}.divlabel:after{content:"";flex:1;height:1px;background:var(--line)}.divlabel.gold{color:var(--gold)}.divlabel.gold:after{background:var(--gold-soft)}.stat{font-family:var(--serif);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:13px;padding:13px 16px;font-size:14.5px;font-weight:600;color:var(--ink);background:var(--surface);transition:transform .06s ease,background .15s ease,opacity .15s}.btn:active{transform:scale(.985)}.btn--primary{background:var(--indigo);color:#fff}.btn--primary:hover{background:var(--indigo-700)}.btn--ghost{background:transparent;border:1px dashed var(--line);color:var(--indigo)}.btn--outline{background:var(--surface);border:1px solid var(--indigo);color:var(--indigo)}.btn--danger{background:transparent;border:1px solid rgba(154,90,68,.4);color:#9a5a44}.btn--block{width:100%}.btn--lg{padding:14px 18px;font-size:15.5px}.btn:disabled{opacity:.5;pointer-events:none}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:17px}.linkbtn{background:none;border:none;color:var(--muted);font-size:12.5px;font-weight:600;padding:6px}.field{margin-bottom:14px}.field label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px;font-weight:600}.field label em{font-style:normal;font-weight:500;opacity:.8}.input,.select,.textarea{width:100%;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:12px 13px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.input:focus,.select:focus,.textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.textarea{min-height:72px;resize:vertical}.row{display:flex;gap:10px}.row>*{flex:1}.progress{height:7px;background:var(--line);border-radius:5px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--indigo);border-radius:5px;transition:width .3s ease}.progress--sm{height:6px}.progress.full>span,.progress>span.full{background:var(--sage)}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:20px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:12.5px;font-weight:600;white-space:nowrap}.chip--active{background:var(--indigo);border-color:var(--indigo);color:#fff}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px;margin:0 -2px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700;letter-spacing:.02em;background:var(--gold-soft);color:var(--gold)}.tag--week{background:var(--indigo-soft);color:var(--indigo)}.tag--done{background:var(--sage-soft);color:var(--sage)}.tag--muted{background:var(--line-2);color:var(--muted)}.segmented{display:flex;background:var(--indigo-soft);border-radius:12px;padding:3px;gap:2px}.segmented button{flex:1;border:none;background:transparent;color:var(--muted);padding:9px 8px;border-radius:9px;font-weight:600;font-size:13px}.segmented button.on{background:#fff;color:var(--indigo);box-shadow:0 1px 3px #1c24361f}.stepper{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px 8px}.stepper .val{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink)}.stepper button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--indigo);font-size:18px}.diffpick{display:flex;gap:8px}.diffpick button{flex:1;height:40px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:14px;font-weight:600}.diffpick button.on{background:var(--indigo-soft);border-color:var(--indigo);color:var(--indigo)}.daybar{display:flex;width:100%;height:16px;border-radius:8px;overflow:hidden;background:var(--line)}.daybar>div{height:100%}.ticks{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);margin-top:6px}.daybar-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:11.5px;color:var(--muted)}.daybar-legend .dot{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:6px;vertical-align:middle}.hero{background:linear-gradient(180deg,#f7f8fb,#fff);border:1px solid var(--line);border-radius:var(--r);padding:16px}.hero .big{font-family:var(--serif);font-size:38px;font-weight:600;letter-spacing:.5px;line-height:1;color:var(--ink)}.hero .big span{font-size:22px;color:var(--muted)}.stat-row{display:flex;gap:12px;margin-top:12px}.stat-block{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px}.stat-block .k{font-size:12px;color:var(--muted)}.stat-block .v{font-size:20px;font-weight:600;margin-top:2px;font-family:var(--serif)}.topic-list{padding:4px 15px}.topic{padding:13px 0;border-top:1px solid var(--line)}.topic:first-child{border-top:none}.topic .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.topic .name{font-size:14.5px;font-weight:600}.topic .meta{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:11.5px;color:var(--muted)}.diff{display:inline-flex;gap:3px;align-items:center}.diff u{width:6px;height:6px;border-radius:50%;background:var(--line);display:inline-block}.diff u.on{background:var(--ink)}.list-row{display:flex;align-items:center;gap:12px;padding:14px 15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.list-row+.list-row{margin-top:10px}.list-row .lead{width:4px;height:38px;border-radius:3px;flex:none}.list-row .body{flex:1;min-width:0}.list-row .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .meta{color:var(--muted);font-size:12px;margin-top:2px}.list-row .chev{color:var(--muted-2);font-size:20px}.logitem{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.logitem:first-of-type{border-top:none}.logitem .bar{width:3px;height:34px;border-radius:3px;background:var(--indigo);flex:none}.logitem .info{flex:1;min-width:0}.logitem .info b{font-size:13.5px;font-weight:600}.logitem .info small{display:block;color:var(--muted);font-size:12px}.logitem .dur{font-family:var(--serif);font-size:15px;font-weight:600;white-space:nowrap}.daygroup{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:4px 2px 2px}.subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subject-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;position:relative;overflow:hidden}.subject-card .swatch{width:32px;height:32px;border-radius:10px;margin-bottom:12px}.subject-card .name{font-weight:600;font-size:15.5px}.subject-card .count{color:var(--muted);font-size:12.5px;margin-top:2px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);padding:9px 10px calc(14px + env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-around;z-index:40}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:9.5px;font-weight:600}.tabbar a.active{color:var(--indigo)}.tabbar a svg{display:block}.tabbar .rec{color:var(--muted)}.tabbar .rec .fab{width:46px;height:46px;border-radius:50%;background:var(--indigo);color:#fff;display:grid;place-items:center;margin-top:-20px;box-shadow:0 8px 18px #34467c66}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a2a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}.sheet{width:100%;max-width:var(--maxw);max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border-top-left-radius:22px;border-top-right-radius:22px;border:1px solid var(--line);border-bottom:none;padding:16px 18px calc(20px + env(safe-area-inset-bottom));animation:slideup .22s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px #0003}.sheet .grabber{width:40px;height:4px;border-radius:999px;background:var(--line);margin:4px auto 14px}.sheet .ic{width:46px;height:46px;border-radius:50%;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center;margin:0 auto 12px}.sheet h2,.sheet h3{margin:0 0 6px;font-size:21px;font-family:var(--serif);font-weight:600;color:var(--ink)}.sheet p.lead{color:var(--muted);margin:0 0 16px}@keyframes slideup{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.timer-big{font-family:var(--serif);font-size:46px;font-weight:600;text-align:center;letter-spacing:2px;font-variant-numeric:tabular-nums;color:var(--indigo);margin:6px 0 4px}.timer-sub{text-align:center;color:var(--muted);margin-bottom:20px}.empty{text-align:center;color:var(--muted);padding:34px 16px}.empty .big{font-size:34px;margin-bottom:8px}.center-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px}.brand{text-align:center;margin-bottom:22px;display:flex;flex-direction:column;align-items:center;gap:6px}.brand .tag2{color:var(--muted);font-size:13px;margin-top:2px}.muted{color:var(--muted)}.lead{color:var(--muted);font-size:13.5px}.error-banner{background:#9a5a441a;border:1px solid rgba(154,90,68,.35);color:#9a5a44;border-radius:var(--r-sm);padding:10px 12px;font-size:14px;margin-bottom:12px}.info-banner{background:var(--gold-soft);border:1px solid #eae0c4;color:#6b551d;border-radius:var(--r-sm);padding:11px 13px;font-size:12.5px;margin-bottom:12px}.days-picker{display:flex;gap:6px}.days-picker button{flex:1;padding:9px 0;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700;font-size:13px}.days-picker button.on{background:var(--indigo);border-color:var(--indigo);color:#fff}.diff-dots{display:inline-flex;gap:3px;vertical-align:middle}.diff-dots i{width:6px;height:6px;border-radius:50%;background:var(--line);display:inline-block}.diff-dots i.on{background:var(--ink)}.fab-add{position:fixed;right:calc(50% - var(--maxw) / 2 + 18px);bottom:calc(var(--tab-h) + 22px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:50%;background:var(--indigo);color:#fff;font-size:24px;border:none;box-shadow:0 8px 18px #34467c66;z-index:30}@media (max-width: 520px){.fab-add{right:18px}}.loading-dots{display:inline-flex;gap:5px}.loading-dots i{width:8px;height:8px;border-radius:50%;background:var(--indigo);animation:blink 1s infinite ease-in-out}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.update-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tab-h) + 16px + env(safe-area-inset-bottom));width:calc(100% - 32px);max-width:calc(var(--maxw) - 32px);z-index:70;display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;background:var(--indigo);color:#fff;border-radius:14px;box-shadow:0 10px 30px #1c243647;animation:slideup .25s cubic-bezier(.2,.8,.2,1)}.update-banner .ub-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-lt);flex:none}.update-banner .ub-text{flex:1;font-size:14px;font-weight:600}.update-banner .ub-refresh{border:none;background:#fff;color:var(--indigo);font-weight:700;font-size:13.5px;padding:8px 14px;border-radius:10px}.update-banner .ub-close{border:none;background:transparent;color:#ffffffb3;font-size:14px;padding:4px 6px}.onb-showpass{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:2px 2px 16px;cursor:pointer}.onb-showpass input{width:15px;height:15px;accent-color:var(--indigo)}.onb-progress{display:flex;gap:6px;justify-content:center;padding:6px 0 18px}.onb-progress span{width:26px;height:4px;border-radius:999px;background:var(--line);transition:background .2s ease}.onb-progress span.on{background:var(--indigo)}.onb-step{display:flex;flex-direction:column;gap:14px}.onb-hero{text-align:center;padding:8px 0 4px}.onb-hero .wordmark,.onb-hero>svg{margin:0 auto}.onb-head{padding:2px 2px 0}.onb-title{font-family:var(--serif);font-size:27px;font-weight:600;color:var(--ink);margin:12px 0 0;line-height:1.15}.onb-head .onb-title{margin-top:6px}.onb-sub{color:var(--muted);font-size:14px;line-height:1.55;margin:8px 0 0}.onb-help{color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:7px}.onb-note{text-align:center;color:var(--muted);font-size:12.5px;margin:0}.onb-why{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.onb-why li{display:flex;gap:13px;align-items:flex-start}.onb-why-ic{flex:none;width:38px;height:38px;border-radius:11px;background:var(--indigo-soft);display:grid;place-items:center;font-size:19px}.onb-why b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:2px}.onb-why p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}.onb-check{width:60px;height:60px;margin:0 auto;border-radius:50%;background:var(--sage-soft);color:var(--sage);display:grid;place-items:center;font-size:28px;font-weight:800}.onb-custom{margin-top:2px}.onb-custom>summary{cursor:pointer;list-style:none;color:var(--indigo);font-weight:700;font-size:13.5px;padding:6px 2px}.onb-custom>summary::-webkit-details-marker{display:none}