:root{--bg:#f7f7f8;--surface:#fff;--text:#18181b;--brand:#7c5cfc;--brand-soft:#f1edff;--green:#16a34a;--orange:#f97316;--red:#ef4444;--brand-dark:#6a49f2;--brand-muted:#ddd8f5;--border:#e7eaf0;--text-soft:#667085;--text-faint:#98a0b0;--line:#d8dce6;--ok-bg:#dcfce7;--ok-fg:#15803d;--warn-bg:#ffedd5;--warn-fg:#c2410c;--danger-bg:#fee2e2;--danger-tint:#fef2f2;--danger-fg:#b91c1c;--neutral-bg:#eff1f5;--radius-sm:11px;--radius:16px;--radius-lg:18px;--radius-pill:99px;--shadow-brand:0 12px 26px #7c5cfc52;--shadow-card:0 8px 24px #18181b0f;--gap:12px;--page-x:16px;--nav-h:68px;--app-width:460px}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,p,dl,dd,ol,ul{margin:0}ul,ol{padding:0;list-style:none}.screen{width:100%;max-width:var(--app-width);background:var(--bg);flex-direction:column;height:100%;margin:0 auto;display:flex}.screen--center{color:var(--text-soft);justify-content:center;align-items:center}.content{min-height:0;padding:20px var(--page-x) 24px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.content--auth{align-items:center;padding-bottom:32px;display:flex}.topbar{z-index:2;background:var(--bg);align-items:center;gap:8px;height:52px;padding:0 8px;display:flex;position:sticky;top:0}.topbar__title{font-size:15px;font-weight:600}.stack{gap:var(--gap);flex-direction:column;animation:.28s both fade-up;display:flex}.stack--auth{gap:14px;width:100%}.stack__actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.stack{animation:none}}.title{letter-spacing:-.5px;font-size:27px;font-weight:700}.title--page{padding:4px 0 2px}.title--detail{letter-spacing:-.3px;font-size:21px}.subtitle{color:var(--text-soft);font-size:13.5px}.hint{color:var(--text-faint);font-size:12.5px}.hint--center{text-align:center}.empty{color:var(--text-soft);text-align:center;padding:40px 16px;font-size:14px}.logo,.avatar{background:var(--brand-soft);color:var(--brand);justify-content:center;align-items:center;font-weight:700;display:flex}.logo{border-radius:22px;width:72px;height:72px;margin-bottom:4px;font-size:30px}.logo--small{border-radius:17px;width:54px;height:54px;font-size:22px}.avatar{border-radius:50%;flex:none;width:46px;height:46px;font-size:16px}.avatar--large{width:76px;height:76px;font-size:24px}.button{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;min-height:54px;padding:0 18px;font-size:15.5px;font-weight:600;transition:background .16s,border-color .16s;display:flex}.button--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.button--primary:hover:not(:disabled){background:var(--brand-dark)}.button--primary:disabled{background:var(--brand-muted);box-shadow:none;cursor:default}.button--ghost{background:var(--surface);border:1px solid var(--border);color:var(--text)}.button--ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.button--soft{background:var(--brand-soft);color:var(--brand)}.button--danger{background:var(--surface);border:1px solid var(--border);color:var(--danger-fg)}.button--danger:hover{background:var(--danger-tint)}.actions{gap:10px;display:flex}.actions .button{flex:1;min-height:52px;font-size:14.5px}.iconbutton{width:38px;height:38px;color:var(--brand);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.iconbutton:hover{background:var(--brand-soft)}.iconbutton--bordered{border:1px solid var(--border);background:var(--surface);color:var(--text)}.field{flex-direction:column;gap:6px;display:flex;position:relative}.field__label{color:var(--text-soft);font-size:12.5px;font-weight:600}.field__error{color:var(--red);font-size:12px}.field__foot{color:var(--text-faint);justify-content:space-between;font-size:12px;display:flex}.input,.textarea,.select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);outline:none;width:100%;padding:15px 16px;font-size:15px;transition:border-color .16s}.input:focus,.textarea:focus,.select:focus-visible{border-color:var(--brand)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input--code{letter-spacing:10px;text-align:center;font-size:26px;font-weight:700}.textarea{resize:vertical;min-height:130px;line-height:1.5}.select{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.select__value--empty{color:var(--text-faint)}.select__caret{border-right:2px solid var(--text-faint);border-bottom:2px solid var(--text-faint);border-radius:1px;flex:none;width:9px;height:9px;transform:translateY(-3px)rotate(45deg)}.options{z-index:5;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:246px;box-shadow:var(--shadow-card);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.options__item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;font-size:14.5px;display:flex}.options__item:hover{background:var(--brand-soft)}.options__tick{color:var(--brand);font-size:13px}.options__empty{color:var(--text-faint);padding:11px 12px;font-size:13px}.greeting{align-items:center;gap:12px;padding:2px 0 6px;display:flex}.greeting__text{flex:1;min-width:0}.greeting__title{letter-spacing:-.2px;font-size:18px;font-weight:700}.greeting__sub{color:var(--text-soft);font-size:13px}.tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;padding:14px;display:flex}.tile__dot{background:var(--brand-soft);border-radius:9px;width:28px;height:28px;margin-bottom:10px}.tile__dot--done{background:var(--ok-bg)}.tile__dot--review{background:var(--warn-bg)}.tile__dot--returned,.tile__dot--overdue{background:var(--danger-bg)}.tile__value{font-size:22px;font-weight:700;line-height:1.1}.tile__label{color:var(--text-soft);margin-top:2px;font-size:12.5px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-soft);cursor:pointer;flex:none;padding:8px 14px;font-size:13px;font-weight:600}.chip--active{border-color:var(--brand);background:var(--brand);color:#fff}.list{flex-direction:column;gap:8px;display:flex}.row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;align-items:center;gap:12px;width:100%;padding:13px;transition:border-color .16s;display:flex}.row:hover{border-color:var(--brand)}.row__icon{border-radius:var(--radius-sm);background:var(--brand-soft);width:36px;height:36px;color:var(--brand);flex:none;justify-content:center;align-items:center;display:flex}.row__icon--review{background:var(--warn-bg);color:var(--orange)}.row__icon--returned,.row__icon--overdue{background:var(--danger-bg);color:var(--red)}.row__text{flex-direction:column;flex:1;min-width:0;display:flex}.row__title{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.row__title--done{color:var(--text-faint);text-decoration:line-through}.row__sub{color:var(--text-soft);margin-top:2px;font-size:12.5px}.row__chevron{color:var(--text-faint);flex:none}.check{border:1.6px solid var(--line);background:var(--surface);color:#0000;border-radius:8px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex}.check--done{border-color:var(--green);background:var(--green);color:#fff}.badge{border-radius:var(--radius-pill);white-space:nowrap;flex:none;padding:5px 10px;font-size:11.5px;font-weight:600}.badge--done{background:var(--ok-bg);color:var(--ok-fg)}.badge--review{background:var(--warn-bg);color:var(--warn-fg)}.badge--overdue{background:var(--danger-bg);color:var(--danger-fg)}.badge--returned{background:var(--warn-bg);color:var(--danger-fg)}.badge--draft{background:var(--neutral-bg);color:var(--text-soft)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:16px}.card--returned{border-color:var(--red);background:var(--danger-tint)}.card__title{margin-bottom:12px;font-size:15px;font-weight:700}.card__body{white-space:pre-wrap;font-size:14px;line-height:1.5}.card__body--muted{color:var(--text-faint)}.card__note{color:var(--text-soft);margin-top:12px;font-size:12.5px}.detail__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.meta{flex-direction:column;gap:11px;display:flex}.meta__row{align-items:center;gap:10px;display:flex}.meta__key{width:112px;color:var(--text-soft);flex:none;font-size:13px}.meta__value{margin:0;font-size:13.5px;font-weight:600}.progress__head{color:var(--text-soft);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.progress__value{color:var(--brand);font-weight:700}.progress__track{border-radius:var(--radius-pill);background:var(--neutral-bg);height:8px;overflow:hidden}.progress__bar{border-radius:var(--radius-pill);background:var(--brand);height:100%;transition:width .3s}.profile{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 0 4px;display:flex}.profile__name{font-size:19px;font-weight:700}.profile__sub{color:var(--text-soft);font-size:13px}.stats{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.stats__cell{border-left:1px solid var(--border);flex-direction:column;align-items:center;gap:2px;padding:14px 8px;display:flex}.stats__cell:first-child{border-left:none}.stats__value{font-size:20px;font-weight:700}.stats__label{color:var(--text-soft);font-size:12px}.points{flex-direction:column;gap:10px;display:flex}.points__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:12px;padding:14px;font-size:14.5px;display:flex}.points__num{background:var(--brand-soft);width:28px;height:28px;color:var(--brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.nav{z-index:3;height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--surface);flex:none;grid-template-columns:repeat(4,1fr);display:grid}.nav__tab{color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.nav__tab--active{color:var(--brand)}.nav__label{font-size:11px;font-weight:600}.toast{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px);z-index:10;width:min(100% - 32px, var(--app-width));pointer-events:none;justify-content:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast__body{border-radius:var(--radius-sm);color:#fff;text-align:center;background:#18181beb;padding:11px 16px;font-size:13.5px;animation:.2s both fade-up}