.mobile-symbol[data-v-1304d372]{display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:hidden;font-family:HopwiseMaterialSymbols,sans-serif;font-style:normal;font-weight:400;font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;white-space:nowrap}.learning-mode-icon[data-v-e9eca6c9]{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.learning-mode-icon.is-quick[data-v-e9eca6c9]{color:var(--warning)}.form-label[data-v-2063f242]{display:block;font-size:13px;font-weight:760;margin-bottom:9px}.dialog-modes[data-v-2063f242]{flex-wrap:wrap}.modal.settings-mobile-dialog[data-v-2063f242]{scrollbar-width:none}.modal.settings-mobile-dialog[data-v-2063f242]::-webkit-scrollbar{display:none}.settings-dialog-close[data-v-2063f242]{padding:8px 0 8px 12px;border:0;background:transparent;color:var(--muted);font-size:13px}.settings-modal-content[data-v-2063f242]{display:grid;gap:12px}.settings-modal-content>.muted[data-v-2063f242],.email-value[data-v-2063f242]{color:var(--muted);font-size:14px;line-height:1.7}.email-value[data-v-2063f242]{padding:3px 0 8px}.settings-modal-content .btn[data-v-2063f242]{border-color:transparent;background:var(--canvas)}.model-option[data-v-2063f242]{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}.model-option>span[data-v-2063f242]{display:grid;gap:5px}.model-option small[data-v-2063f242]{color:var(--muted);font-size:12px}.settings-profile-form .form-group[data-v-2063f242]{margin:0 0 14px}.settings-profile-form .input[data-v-2063f242]{background:var(--canvas);border-color:transparent}.settings-profile-actions[data-v-2063f242]{display:flex;justify-content:flex-end;gap:10px}.settings-profile-actions button[data-v-2063f242]{min-width:96px;min-height:44px;padding:10px 16px;border:0;border-radius:12px;font-weight:600}.settings-profile-cancel[data-v-2063f242]{background:var(--canvas);color:var(--ink)}.settings-profile-save[data-v-2063f242]{background:var(--accent-warm);color:#17243f}.visually-hidden[data-v-2063f242]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.modal.settings-mobile-dialog[data-v-2063f242]{width:min(360px,100%);padding:20px;border-radius:22px}.modal.settings-mobile-dialog .modal-head[data-v-2063f242]{margin-bottom:10px}.modal.settings-mobile-dialog .modal-head h2[data-v-2063f242]{font-size:19px}@media(max-width:640px){.overlay.settings-modal-overlay[data-v-2063f242]{align-items:center;padding:24px}.overlay .modal.settings-mobile-dialog[data-v-2063f242]{width:min(360px,100%);padding:20px;border-radius:22px}.overlay .modal.settings-mobile-dialog[data-v-2063f242]:before{display:none}}.plan-numbers>div[data-v-2063f242]{display:flex;align-items:center;justify-content:center;gap:8px;text-align:left}.plan-number-icon[data-v-2063f242]{flex:none;color:var(--muted)}.plan-numbers>div:first-child .plan-number-icon[data-v-2063f242]{color:var(--warning)}.plan-number-copy[data-v-2063f242]{display:grid;gap:3px}.plan-numbers strong[data-v-2063f242]{font-size:17px}.plan-numbers small[data-v-2063f242]{margin-top:0;font-size:10px}.goal-edit-overlay[data-v-2063f242]{position:fixed;z-index:125;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,#101d31 48%,transparent)}.goal-edit-card[data-v-2063f242]{width:min(420px,100%);padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg)}.goal-edit-card h3[data-v-2063f242]{font-size:19px}.goal-edit-card>p[data-v-2063f242]{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.7}.goal-presets[data-v-2063f242]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 13px}.goal-preset[data-v-2063f242]{min-height:39px;border:1px solid var(--line);border-radius:11px;background:var(--canvas);color:var(--softink);font:inherit;font-size:12px;font-weight:650}.goal-preset.selected[data-v-2063f242]{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.goal-custom-input[data-v-2063f242]{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);color:var(--muted);font-size:12px}.goal-custom-input input[data-v-2063f242]{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}.goal-edit-actions[data-v-2063f242]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.goal-edit-actions button[data-v-2063f242]{min-height:40px;padding:0 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--softink);font:inherit;font-size:12px;font-weight:680}.goal-edit-actions button.primary[data-v-2063f242]{border-color:transparent;background:var(--action-blue, var(--blue));color:#fff}@media(max-width:640px){.plan-numbers[data-v-2063f242]{gap:5px}.plan-numbers>div[data-v-2063f242]{flex-direction:column;gap:5px;padding:10px 4px;text-align:center}.goal-edit-card[data-v-2063f242]{padding:21px}}.plan-numbers>div[data-v-2063f242]{border:0;border-radius:0;background:transparent}.model-option[data-v-2063f242]{border-top:0!important;border-bottom:0!important}.day-plan-dialog[data-v-2063f242]{scrollbar-width:none}.day-plan-dialog[data-v-2063f242]::-webkit-scrollbar,.day-plan-dialog .day-plan[data-v-2063f242]::-webkit-scrollbar{display:none}.day-plan-dialog .day-plan[data-v-2063f242]{scrollbar-width:none}.plan-log[data-v-2063f242]{border-bottom:0!important}.plan-log-entry[data-v-2063f242]{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 0}.plan-log-icon[data-v-2063f242]{color:var(--softink)}.plan-log-copy[data-v-2063f242]{display:grid;min-width:0;gap:3px}.plan-log-copy strong[data-v-2063f242]{overflow:hidden;color:var(--ink);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.plan-log-copy small[data-v-2063f242]{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.plan-log-entry time[data-v-2063f242]{color:var(--muted);font-size:11px;white-space:nowrap}.plan-log-empty[data-v-2063f242]{display:grid;gap:5px;margin-top:3px;padding:15px 16px;text-align:left}.plan-log-empty strong[data-v-2063f242]{color:var(--softink);font-size:12px}.plan-log-empty small[data-v-2063f242]{color:var(--muted);font-size:11px}.model-option .mobile-symbol[data-v-2063f242]{color:var(--blue)}.plan-log-icon.is-quick[data-v-2063f242]{color:var(--warning)}.modal-heading-copy[data-v-2063f242]{display:grid;gap:6px}.day-plan-subtitle[data-v-2063f242]{color:var(--muted);font-size:12px;line-height:1.5}.day-plan-progress[data-v-2063f242]{padding:18px;border-radius:17px;background:var(--canvas)}.day-plan-progress-heading[data-v-2063f242],.day-plan-section-heading[data-v-2063f242]{display:flex;align-items:center;justify-content:space-between;gap:12px}.day-plan-progress-heading>span[data-v-2063f242],.day-plan-section-heading small[data-v-2063f242]{color:var(--muted);font-size:12px}.day-plan-goal-edit[data-v-2063f242]{display:inline-flex;align-items:center;gap:4px;padding:4px 0 4px 8px;border:0;background:transparent;color:var(--blue);font-size:12px}.day-plan-progress-value[data-v-2063f242]{display:flex;align-items:baseline;gap:7px;margin:13px 0 12px}.day-plan-progress-value strong[data-v-2063f242]{color:var(--ink);font-size:40px;font-weight:720;letter-spacing:-1.7px;line-height:1}.day-plan-dialog .modal-head h2[data-v-2063f242],.day-plan-dialog .plan-numbers strong[data-v-2063f242],.goal-edit-card h3[data-v-2063f242]{color:var(--ink)}.day-plan-progress-value span[data-v-2063f242]{color:var(--softink);font-size:14px}.day-plan-progress-track[data-v-2063f242]{height:7px;overflow:hidden;border-radius:99px;background:var(--line)}.day-plan-progress-track>span[data-v-2063f242]{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .24s ease}.day-plan-progress-caption[data-v-2063f242]{display:block;margin-top:8px;color:var(--muted);font-size:11px;text-align:right}.day-plan-dialog .plan-numbers[data-v-2063f242]{margin:0;padding:12px 6px;border-radius:15px;background:var(--canvas)}.day-plan-section-heading b[data-v-2063f242]{color:var(--ink);font-size:14px}.day-plan-footer[data-v-2063f242]{flex:none;padding:16px 24px 22px;border-top:1px solid var(--line);background:var(--surface)}.day-plan-start[data-v-2063f242]{display:flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border-radius:14px}.day-plan-dialog .day-plan-start[data-v-2063f242]:not(.is-goal-complete){border-color:var(--action-blue, var(--blue));background:var(--action-blue, var(--blue));color:#fff}.day-plan-dialog .day-plan-start.is-goal-complete[data-v-2063f242]{border-color:var(--line);background:var(--canvas);color:var(--softink);box-shadow:none}.day-plan-dialog .plan-log-empty[data-v-2063f242]{padding:20px 16px;border-radius:15px;background:var(--canvas);text-align:center}@media(min-width:641px){.overlay.day-plan-overlay[data-v-2063f242]{align-items:stretch;justify-content:flex-end;padding:0;background:#101d313d}.overlay .modal.day-plan-drawer[data-v-2063f242]{display:flex;width:min(420px,100vw);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;flex-direction:column;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-right:0;border-radius:20px 0 0 20px;animation:day-plan-drawer-in-2063f242 .24s cubic-bezier(.2,.75,.25,1) both}.day-plan-dialog .modal-head[data-v-2063f242]{flex:none;margin:0;padding:25px 24px 19px;border-bottom:1px solid var(--line)}.day-plan-dialog .day-plan[data-v-2063f242]{min-height:0;flex:1 1 auto;gap:21px;overflow-y:auto;padding:22px 24px}}@media(max-width:640px){.overlay .modal.day-plan-drawer[data-v-2063f242]{display:flex;width:100%;height:min(90vh,760px);height:min(90dvh,760px);max-height:90vh;max-height:90dvh;flex-direction:column;padding:0 0 calc(12px + var(--safe-bottom));overflow:hidden}.day-plan-dialog .modal-head[data-v-2063f242]{flex:none;margin:0;padding:0 20px 15px;border-bottom:1px solid var(--line)}.day-plan-dialog .day-plan[data-v-2063f242]{min-height:0;flex:1 1 auto;gap:18px;overflow-y:auto;padding:18px 20px 20px}.day-plan-footer[data-v-2063f242]{padding:14px 20px 0}.day-plan-dialog .plan-numbers>div[data-v-2063f242]{flex-direction:column;gap:5px;padding:10px 4px;text-align:center}}@keyframes day-plan-drawer-in-2063f242{0%{opacity:.92;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.overlay .modal.day-plan-drawer[data-v-2063f242]{animation:none}.day-plan-progress-track>span[data-v-2063f242]{transition:none}}.toast[data-v-4f076b59]{z-index:340;top:calc(18px + var(--safe-top, 0px));bottom:auto}.toast-enter-active[data-v-4f076b59],.toast-leave-active[data-v-4f076b59]{transition:opacity .16s ease,transform .16s ease}.toast-enter-from[data-v-4f076b59],.toast-leave-to[data-v-4f076b59]{opacity:0;transform:translate(-50%,-8px)}.profile-avatar[data-v-30985daa]{display:grid;width:148px;height:148px;place-items:center;border-radius:50%;background:var(--accent-warm);color:#17243f;font-size:43px;font-weight:500;letter-spacing:1px}.profile-avatar.profile-avatar-guest[data-v-30985daa]{box-sizing:border-box;border:5px dashed var(--muted);background:transparent;color:var(--muted);text-decoration:none;cursor:pointer}.profile-avatar-guest svg[data-v-30985daa]{width:62px;height:62px;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round}@media(max-width:640px){.profile-avatar.profile-avatar-guest[data-v-30985daa]{width:74px;height:74px;border-width:3.5px}.profile-avatar-guest svg[data-v-30985daa]{width:34px;height:34px;stroke-width:3.5}}.profile-avatar.profile-avatar-header[data-v-30985daa]{width:37px;height:37px;border:0;background:var(--accent-warm);color:#17243f;font-size:11px;font-weight:500;letter-spacing:.2px}.profile-avatar.profile-avatar-header.profile-avatar-guest[data-v-30985daa]{border:0;background:transparent;color:var(--muted)}.profile-avatar.profile-avatar-header.profile-avatar-guest svg[data-v-30985daa]{width:15.5px;height:15.5px;stroke-width:10.3}.profile-avatar.profile-avatar-profile[data-v-30985daa]{width:148px;height:148px;font-size:43px}@media(max-width:640px){.profile-avatar.profile-avatar-profile[data-v-30985daa]:not(.profile-avatar-guest){width:58px;height:58px;font-size:25px;letter-spacing:0}}.brand-mark img[data-v-a758c316]{width:40px;height:40px;object-fit:contain}.brand-copy[data-v-a758c316]{display:grid;gap:1px;align-content:center}.brand-name[data-v-a758c316]{color:var(--ink)}.brand-tagline[data-v-a758c316]{color:var(--muted);font-size:11px;font-weight:520;line-height:1.3;letter-spacing:.02em;white-space:nowrap}.site-header[data-v-a758c316]{height:var(--site-header-height, 84px);flex:0 0 auto;border-bottom:0}.brand-mark[data-v-a758c316]{width:40px;height:40px;border-radius:13px}.header-inner[data-v-a758c316]{width:min(1240px,calc(100% - 48px));height:100%;gap:32px;position:relative;justify-content:flex-start}.desktop-links[data-v-a758c316]{position:static;justify-content:flex-start;gap:12px;flex:none;margin:0 0 0 32px}.desktop-links a[data-v-a758c316]{display:grid;width:40px;height:40px;place-items:center;background:none;border:0;border-radius:50%;color:var(--softink);padding:0;position:relative;text-decoration:none;transition:color .15s ease}.desktop-links a.active[data-v-a758c316],.desktop-links a[data-v-a758c316]:hover,.desktop-links a[data-v-a758c316]:focus-visible{background:transparent;box-shadow:none;color:var(--blue)}.desktop-links a.active[data-v-a758c316]:after{display:none}.desktop-links a.nav-create-link[data-v-a758c316]{display:grid;width:40px;height:40px;place-items:center;padding:0;border-radius:50%;color:var(--softink)}.desktop-links a.nav-create-link[data-v-a758c316]:hover,.desktop-links a.nav-create-link.active[data-v-a758c316]{background:transparent;color:var(--blue)}.desktop-links a.nav-create-link.active[data-v-a758c316]:after{display:none}.nav-create-icon[data-v-a758c316]{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.nav-tooltip[data-v-a758c316]{position:absolute;z-index:100;top:calc(100% + 6px);left:50%;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 16px #17243f1f;color:var(--ink);font-size:11px;font-weight:600;line-height:1.2;opacity:0;pointer-events:none;transform:translate(-50%,-2px);transition:opacity .13s ease,transform .13s ease,visibility .13s ease;visibility:hidden;white-space:nowrap}.desktop-links a:hover .nav-tooltip[data-v-a758c316],.desktop-links a:focus-visible .nav-tooltip[data-v-a758c316]{opacity:1;transform:translate(-50%);visibility:visible}.header-actions[data-v-a758c316]{margin-left:auto}.download-btn[data-v-a758c316] .icon.sm{width:19px;height:19px}.plan-avatar-control[data-v-a758c316]{display:flex;align-items:center;gap:7px;padding:3px 5px 3px 14px;border:1px solid var(--line);border-radius:999px;background:var(--canvas)}.plan-avatar-control .plan-button[data-v-a758c316]{padding:5px 0;border:0;background:transparent;color:var(--softink);font-size:13px;font-weight:650}.plan-avatar-control .plan-button[data-v-a758c316]:hover{color:var(--ink)}.plan-avatar-link[data-v-a758c316]{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;text-decoration:none;transition:transform .18s cubic-bezier(.2,.75,.25,1)}.plan-avatar-link[data-v-a758c316]:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px}.plan-avatar-link[data-v-a758c316]{transform-origin:center}.plan-avatar-link[data-v-a758c316]:hover{transform:translateY(-1px) scale(1.12)}.plan-avatar-link[data-v-a758c316]:active{transform:scale(1.06)}@media(max-width:800px){.header-inner[data-v-a758c316]{width:calc(100% - 40px);gap:20px}.brand-tagline[data-v-a758c316]{display:none}.desktop-links[data-v-a758c316]{gap:8px;margin-left:20px}.desktop-links a[data-v-a758c316]{gap:4px;font-size:12px}.header-actions[data-v-a758c316]{gap:5px}.header-actions .desktop-only[data-v-a758c316]{display:none}.plan-avatar-control[data-v-a758c316]{gap:3px;padding:2px 3px 2px 9px}}@media(max-width:640px){.desktop-links[data-v-a758c316]{display:none}.header-inner[data-v-a758c316]{width:calc(100% - 28px);gap:12px}.brand-mark[data-v-a758c316],.brand-mark img[data-v-a758c316]{width:36px;height:36px}.plan-avatar-control[data-v-a758c316]{gap:10px;padding:0;border:0;background:transparent}.plan-avatar-control .plan-button[data-v-a758c316]{padding:8px 0;font-size:12px;font-weight:600}.plan-avatar-control .plan-avatar-link[data-v-a758c316],.plan-avatar-control .plan-progress-ring[data-v-a758c316]{width:40px;height:40px}.plan-avatar-control .plan-progress-ring[data-v-a758c316] .profile-avatar.profile-avatar-header{width:86.36%;height:86.36%}}.brand-mark[data-v-a758c316],.dark .brand-mark[data-v-a758c316]{background:#fff;color:#6d4d38}.plan-progress-ring[data-v-a758c316]{position:relative;display:grid;width:48px;height:48px;flex:none;place-items:center}.plan-progress-ring>svg[data-v-a758c316]{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:visible}.plan-progress-ring[data-v-a758c316] .profile-avatar.profile-avatar-header{width:86.36%;height:86.36%}.plan-ring-track[data-v-a758c316],.plan-ring-progress[data-v-a758c316]{fill:none;stroke-width:2.5px;stroke-linecap:butt}.plan-ring-track[data-v-a758c316]{stroke:var(--line)}.plan-ring-progress[data-v-a758c316]{stroke:var(--blue);transition:stroke-dashoffset .32s ease}@media(prefers-reduced-motion:reduce){.plan-ring-progress[data-v-a758c316],.plan-avatar-link[data-v-a758c316]{transition:none}}.desktop-links .app-nav-icon[data-v-a758c316]{display:block;width:24px;height:24px;flex:none;fill:currentColor}.nav-item[data-v-2391b922]{color:var(--muted)}.nav-item.active[data-v-2391b922]{color:var(--blue)}.nav-item.create-nav[data-v-2391b922]{color:var(--softink)}.bottom-nav[data-v-2391b922]{grid-template-columns:repeat(4,minmax(0,1fr))}.create-nav-icon[data-v-2391b922]{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff}@media(max-width:640px){.bottom-nav .nav-item[data-v-2391b922]{text-decoration:none}.create-nav-icon[data-v-2391b922]{width:46px;height:46px}}.app-layout[data-v-09756743]{display:flex;width:100%;height:100vh;min-height:0;flex-direction:column;overflow:hidden;background:var(--bg)}.app-content[data-v-09756743]{min-width:0;min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}@supports (height: 100dvh){.app-layout[data-v-09756743]{height:100dvh}}.app-content-fullscreen[data-v-09756743]{overflow:hidden;scrollbar-width:none}.app-content-fullscreen[data-v-09756743]::-webkit-scrollbar{display:none}:root{color-scheme:only light;--bg:#fff;--surface:#fff;--canvas:#f8f9fb;--canvas2:#f3f6f9;--ink:#192945;--softink:#5c6c83;--muted:#91a0b4;--line:#e7ebf0;--blue:#3179c7;--blue-bright:#76b4f5;--blue-soft:#edf5ff;--warm:#e7ae51;--warm-soft:#fff8e9;--shadow:0 12px 34px rgba(28,55,86,.055);--shadow-lg:0 26px 70px rgba(24,46,76,.13);--r:20px;--safe-bottom:env(safe-area-inset-bottom,0px)}body.dark{color-scheme:only dark;--bg:#101318;--surface:#181e26;--canvas:#171d25;--canvas2:#222c38;--ink:#f1f5fa;--softink:#bbc7d4;--muted:#8999ae;--line:#303b48;--blue:#80b8fb;--blue-bright:#80b8fb;--blue-soft:#21354e;--warm:#f3c576;--warm-soft:#322b20;--shadow:0 12px 34px rgba(0,0,0,.09);--shadow-lg:0 26px 70px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #82b9ee75;outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{display:block}*::selection{background:#8bc2fa69}.icon{width:20px;height:20px;display:inline-block;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.sm{width:16px;height:16px}.icon.xs{width:14px;height:14px}.icon.lg{width:24px;height:24px}.icon.xl{width:28px;height:28px}.caps{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.muted{color:var(--muted)}.softink{color:var(--softink)}.tiny{font-size:12px}.small{font-size:13px}.smaller{font-size:14px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:7px 11px;background:var(--canvas);color:var(--softink);font-weight:650;font-size:12px;white-space:nowrap}.tag-blue{background:var(--blue-soft);color:var(--blue)}.tag-warm{background:var(--warm-soft);color:#b68129}.dark .tag-warm{color:var(--warm)}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 93%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.header-inner{width:min(1180px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;flex:none}.brand-mark{height:34px;width:34px;display:grid;place-items:center;border-radius:11px;background:#f3f6f9;color:#6d4d38}.dark .brand-mark{background:#352b26;color:#e7c2aa}.brand-name{font-size:25px;letter-spacing:-1.2px;font-weight:820}.desktop-links{display:flex;align-items:center;justify-content:center;gap:35px;margin-left:auto;margin-right:auto}.desktop-links button{background:none;border:0;color:var(--muted);font-size:14px;font-weight:670;padding:25px 1px;position:relative}.desktop-links button.active{color:var(--ink)}.desktop-links button.active:after{content:"";position:absolute;width:16px;height:3px;bottom:16px;left:calc(50% - 8px);background:var(--blue-bright);border-radius:4px}.header-actions{display:flex;align-items:center;gap:12px}.iconbtn{width:40px;height:40px;border:none;background:transparent;border-radius:13px;display:grid;place-items:center;color:var(--softink)}.iconbtn:hover{background:var(--canvas)}.iconbtn.with-outline{border:1px solid var(--line)}.plan-button{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 12px;background:var(--canvas);border:1px solid var(--line);border-radius:24px;color:var(--ink);font-size:12px;font-weight:650}.ring{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--blue) 0 31%,var(--line) 31% 100%);position:relative}.ring:before{content:"";background:var(--surface);top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;position:absolute}.ring span{z-index:1;position:relative;font-size:9px;font-weight:800}.avatar{display:grid;place-items:center;height:37px;width:37px;border-radius:50%;background:#d4e8ff;color:#205591;font-weight:800;letter-spacing:-.02em;border:2px solid var(--surface)}.dark .avatar{background:#334f70;color:#c5e4ff}.site-shell{width:min(1120px,calc(100% - 64px));margin:auto;padding:0 0 96px}.page-section{margin-top:57px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;gap:20px}.section-heading h2{font-size:22px;font-weight:780;letter-spacing:-.7px}.text-link{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--blue);font-size:13px;font-weight:700;padding:5px 0}.quiet-link{color:var(--muted)}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);min-height:42px;padding:10px 17px;border-radius:12px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:transform .15s,border-color .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.btn.soft{color:var(--blue);background:var(--blue-soft);border-color:transparent}.btn.ghost{border-color:transparent;background:transparent;color:var(--softink)}.btn.dark{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.block{width:100%}.btn-round{border-radius:99px}.input{background:var(--canvas);border:1px solid var(--line);outline:none;border-radius:12px;color:var(--ink);padding:12px 14px;width:100%;font-size:14px}.input::placeholder,textarea::placeholder{color:var(--muted)}.hide{display:none!important}.home-hero{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;padding:67px 16px 21px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--blue);font-weight:740;background:var(--blue-soft);padding:8px 12px;border-radius:99px;margin-bottom:24px}.hero-kicker .spark{color:var(--warm)}.home-hero h1{font-size:clamp(34px,4.1vw,54px);letter-spacing:-2.6px;font-weight:830;line-height:1.28}.home-hero h1 em{font-style:normal;color:var(--blue)}.hero-sub{color:var(--muted);font-size:15px;margin-top:16px;line-height:1.8}.composer{width:min(724px,100%);text-align:left;background:var(--surface);border:1px solid #dfe5ed;border-radius:20px;box-shadow:0 15px 45px #2452811a;padding:17px 18px 12px;margin-top:33px;transition:box-shadow .2s}.dark .composer{border-color:var(--line);box-shadow:0 20px 55px #0000002e}.composer:focus-within{box-shadow:0 20px 55px #2f79c429;border-color:#9fc5ed}.composer textarea{width:100%;padding:5px 6px 20px;resize:none;border:0;outline:0;color:var(--ink);background:transparent;min-height:65px;font-size:15px;line-height:1.5}.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.compose-types{display:flex;align-items:center;gap:6px}.mode-chip{border-radius:99px;padding:10px 12px;border:0;background:transparent;color:var(--softink);display:flex;gap:7px;align-items:center;font-weight:710;font-size:12px;white-space:nowrap}.mode-chip.selected{background:var(--blue-soft);color:var(--blue)}.mode-chip .warm{color:var(--warm)}.compose-send{height:38px;width:38px;display:grid;place-items:center;border:0;background:var(--ink);color:var(--bg);border-radius:12px;flex:none}.hero-prompt{margin-top:18px;font-size:12px;color:var(--muted)}.hero-prompt button{border:0;background:transparent;color:var(--softink);font-size:12px;padding:5px 7px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.day-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-top:36px}.day-strip-left{display:flex;align-items:center;gap:13px}.day-signal{width:43px;height:43px;border-radius:14px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue)}.day-strip h3{font-size:14px;letter-spacing:-.2px;margin-bottom:4px}.day-strip p{font-size:12px;color:var(--muted)}.day-strip .text-link{white-space:nowrap}.home-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(260px,.88fr);gap:19px}.continue-card,.review-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:304px}.continue-card{background:var(--canvas);padding:26px 30px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.continue-card h3{font-size:27px;line-height:1.3;letter-spacing:-.8px;margin-top:20px;font-weight:800;position:relative;z-index:2}.continue-card .descriptor{max-width:335px;color:var(--muted);font-size:13px;line-height:1.8;margin-top:12px;position:relative;z-index:2}.continue-bot{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;gap:16px;position:relative;z-index:2}.continue-meta{font-size:12px;color:var(--softink)}.continue-path{width:255px;height:202px;position:absolute;right:-7px;top:50px;opacity:.93}.review-card{padding:26px;background:var(--surface);display:flex;flex-direction:column;gap:14px;position:relative}.review-card:before{content:"";width:150px;height:150px;border:1px solid var(--line);border-radius:50%;position:absolute;right:-60px;top:-75px;pointer-events:none}.review-card h3{font-size:26px;font-weight:800;letter-spacing:-.75px;line-height:1.36;margin-top:6px}.review-card p{font-size:13px;color:var(--muted);line-height:1.85}.review-card .review-action{margin-top:auto;align-self:flex-start}.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.discovery-card{border:1px solid var(--line);border-radius:19px;padding:21px;background:var(--surface);cursor:pointer;transition:box-shadow .18s,transform .18s}.discovery-card:hover,.course-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.discovery-icon{height:50px;width:50px;border-radius:16px;background:var(--canvas);display:grid;place-items:center;color:var(--ink);margin-bottom:27px}.discovery-card .caps{color:var(--muted);letter-spacing:0;font-size:11px}.discovery-card h3{margin:10px 0;font-size:17px;font-weight:790}.discovery-card p{color:var(--muted);font-size:12px;line-height:1.7}.bott-note{text-align:center;margin-top:65px;color:var(--muted);font-size:11px;letter-spacing:.02em}.page-top{padding:53px 0 35px}.page-top .eyebrow{font-size:13px;font-weight:740;color:var(--blue);margin-bottom:15px}.page-top h1{font-size:clamp(30px,3.8vw,42px);letter-spacing:-1.3px;line-height:1.3}.page-top p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:11px}.topic-pills{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 24px}.topic-pill{background:var(--canvas);color:var(--softink);padding:9px 14px;border-radius:99px;border:1px solid var(--line);font-size:13px;font-weight:670}.topic-pill.active{background:var(--blue-soft);color:var(--blue);border-color:var(--blue-soft)}.explore-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:0 13px;background:var(--surface);width:min(350px,100%);color:var(--muted)}.search-field input{height:43px;width:100%;border:0;outline:none;background:transparent;color:var(--ink);font-size:13px}.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-tile{border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:22px;display:flex;flex-direction:column;min-height:218px;transition:box-shadow .18s,transform .18s;cursor:pointer}.course-tile .tile-icon{height:45px;width:45px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;margin-bottom:26px;color:var(--blue)}.course-tile .course-name{font-size:17px;font-weight:780;margin-top:10px}.course-tile p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}.course-tile .course-bottom{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.course-tile .small-arrow{color:var(--blue)}.review-intro{padding:75px 0 50px;text-align:center;max-width:690px;margin:auto}.review-orbit{width:88px;height:88px;border-radius:30px;margin:0 auto 25px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue);transform:rotate(-5deg)}.review-orbit .icon{transform:rotate(5deg)}.review-intro h1{font-size:clamp(32px,4vw,47px);letter-spacing:-1.8px}.review-intro p{color:var(--muted);font-size:14px;margin-top:15px;line-height:1.9}.review-intro .btn{margin-top:28px;padding:15px 24px;font-size:14px}.review-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;margin:15px auto 0;max-width:725px;padding:22px 4px;text-align:center}.review-summary>div+div{border-left:1px solid var(--line)}.review-summary strong{display:block;font-size:22px;font-weight:790}.review-summary span{font-size:12px;color:var(--muted);margin-top:8px;display:block}.review-queue{margin:62px auto 0;max-width:780px}.queue-line{padding:18px 2px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.queue-title{display:flex;gap:14px;align-items:center}.queue-icon{width:38px;height:38px;border-radius:12px;background:var(--canvas);display:grid;place-items:center;color:var(--blue)}.queue-title b{font-size:14px}.queue-title p{font-size:12px;color:var(--muted);margin-top:5px}.queue-line .pill{background:var(--canvas)}.study-shell{width:min(1240px,calc(100% - 64px));margin:auto;padding-bottom:90px}.study-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:31px 0 23px}.study-head .back{border:0;background:transparent;color:var(--softink);display:flex;align-items:center;gap:7px;font-size:13px;font-weight:710}.study-head .study-head-right{display:flex;gap:7px}.study-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:61px}.study-sidebar{position:sticky;top:112px;height:fit-content;max-height:calc(100vh - 134px);overflow:auto}.course-label{font-size:11px;color:var(--muted);font-weight:780;letter-spacing:.04em}.course-aside-name{font-size:16px;font-weight:780;line-height:1.45;margin:13px 0 12px}.aside-progress{height:5px;border-radius:99px;background:var(--canvas2);overflow:hidden;margin:13px 0 24px}.aside-progress span{display:block;background:var(--blue-bright);height:100%;width:25%}.chapter-name{font-size:12px;color:var(--muted);margin:28px 0 9px;font-weight:760}.toc-item{width:100%;text-align:left;border:0;background:transparent;color:var(--softink);padding:12px;border-radius:10px;font-size:13px;display:flex;align-items:center;gap:8px;line-height:1.5}.toc-item.active{background:var(--blue-soft);color:var(--blue);font-weight:760}.toc-item .point{width:5px;height:5px;border-radius:50%;background:var(--muted);flex:none}.toc-item.active .point{background:var(--blue)}.article{max-width:792px;min-width:0;padding-right:7px}.article-kicker{color:var(--blue);font-size:12px;font-weight:760;display:flex;align-items:center;gap:10px}.article h1{font-size:clamp(29px,3.4vw,40px);letter-spacing:-1.3px;line-height:1.34;margin-top:15px}.article-lead{margin-top:15px;color:var(--softink);font-size:15px;line-height:1.9}.article h2{font-size:23px;letter-spacing:-.6px;margin:40px 0 17px}.article p{font-size:14px;line-height:2.15;color:var(--softink);margin:13px 0}.article b{color:var(--ink)}.study-illustration{border:1px solid var(--line);background:var(--canvas);border-radius:20px;padding:20px;margin-top:31px;overflow:hidden}.diagram-label{font-size:11px;color:var(--muted);font-weight:760;display:flex;justify-content:space-between;align-items:center}.diagram-svg{width:100%;height:auto;max-height:270px;margin:16px auto 2px}.article-callout{padding:18px 20px;border-left:3px solid var(--blue-bright);background:var(--blue-soft);border-radius:0 11px 11px 0;font-size:13px;line-height:2;color:var(--softink);margin-top:27px}.article .knowledge-list{display:grid;gap:11px;margin:20px 0;color:var(--softink);font-size:14px;line-height:1.8}.article .knowledge-list span{display:flex;align-items:flex-start;gap:10px}.article .knowledge-list .icon{color:var(--blue);margin-top:4px}.exercise{border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:29px}.exercise .exercise-head{color:var(--blue);font-size:12px;font-weight:780;display:flex;align-items:center;gap:7px}.exercise h3{font-size:17px;line-height:1.6;margin:15px 0 17px}.answer{display:block;text-align:left;width:100%;border-radius:12px;border:1px solid var(--line);padding:15px 17px;background:var(--surface);margin:8px 0;color:var(--softink);font-size:13px;display:flex;align-items:center;gap:12px}.answer .option-letter{height:25px;width:25px;display:grid;place-items:center;border-radius:8px;background:var(--canvas);color:var(--softink);font-size:12px;flex:none}.answer.selected{border-color:var(--blue);background:var(--blue-soft);color:var(--ink)}.answer.correct{border-color:#8fc3a5;background:color-mix(in srgb,#7dcba6 11%,var(--surface))}.answer.wrong{border-color:#dfb1b1;background:color-mix(in srgb,#dfa0a0 9%,var(--surface))}.answer-info{font-size:13px;color:var(--softink);line-height:1.8;margin-top:12px;padding:12px;border-radius:10px;background:var(--canvas)}.article-tasks{padding:20px 22px;border:1px solid var(--line);border-radius:18px;margin-top:30px}.taskline{display:flex;gap:11px;align-items:center;margin:13px 0;font-size:13px;color:var(--softink)}.taskline input{accent-color:var(--blue);width:17px;height:17px}.article-bottom{border-top:1px solid var(--line);margin-top:48px;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:12px}.float-chat{position:fixed;bottom:30px;right:34px;z-index:45;background:var(--blue);color:#fff;border-radius:99px;border:0;padding:13px 17px;box-shadow:0 9px 28px #2e76c558;font-weight:720;display:flex;align-items:center;gap:8px;font-size:13px}.deck-page{padding-bottom:65px}.deck-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.deck-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--surface);text-align:left;cursor:pointer;transition:transform .15s}.deck-card:hover{transform:translateY(-2px)}.deck-art{height:116px;position:relative;margin-bottom:14px;display:grid;place-items:center}.deck-art .backcard{width:100px;height:100px;background:var(--canvas);border:1px solid var(--line);border-radius:16px;transform:rotate(-9deg);position:absolute}.deck-art .frontcard{width:103px;height:103px;background:var(--blue-soft);border:1px solid color-mix(in srgb,var(--blue-bright) 30%,var(--line));border-radius:16px;display:grid;place-items:center;transform:rotate(6deg);position:absolute;color:var(--blue)}.deck-card h3{font-size:17px;font-weight:770;margin:10px 0}.deck-card p{font-size:12px;color:var(--muted);line-height:1.7}.deck-card .deck-tail{margin-top:22px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--softink)}.flash-wrap{width:min(620px,calc(100% - 32px));margin:42px auto 100px}.flash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.flash-head .back{background:none;border:0;font-size:13px;color:var(--softink);display:flex;align-items:center;gap:7px}.flash-progress{display:flex;gap:6px}.flash-progress span{height:4px;flex:1;background:var(--line);border-radius:5px}.flash-progress span.passed{background:var(--blue-bright)}.flash-card{border:1px solid var(--line);border-radius:24px;padding:30px 35px;background:var(--canvas);min-height:355px;display:flex;flex-direction:column;margin-top:24px;box-shadow:var(--shadow)}.flash-label{color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:space-between}.flash-front{display:grid;place-items:center;flex:1;padding:45px 10px 36px;text-align:center;gap:15px}.flash-front h2{font-size:clamp(22px,3vw,28px);line-height:1.55;letter-spacing:-.6px}.flash-front p{font-size:12px;color:var(--muted)}.flash-back{padding-top:29px;text-align:left}.flash-back h2{font-size:23px;line-height:1.45}.flash-back p{font-size:14px;line-height:1.95;color:var(--softink);margin-top:15px}.flash-back .detail{margin-top:22px;background:var(--surface);padding:15px;border-radius:12px}.flash-foot{margin-top:20px}.flash-ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.rating-btn{padding:14px 6px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--softink);font-weight:760;font-size:13px}.rating-btn.good{border-color:var(--blue);background:var(--blue);color:#fff}.rating-btn span{display:block;font-size:11px;font-weight:500;opacity:.62;margin-top:5px}.end-state{text-align:center;padding:100px 15px}.end-state .check{border-radius:22px;height:70px;width:70px;display:grid;place-items:center;margin:0 auto 28px;background:var(--blue-soft);color:var(--blue)}.end-state h1{font-size:33px}.end-state p{color:var(--muted);font-size:14px;margin:15px 0 24px}.settings-shell{width:min(700px,100%);margin:48px auto 90px}.profile-top{display:flex;align-items:center;gap:17px;padding:20px 0 40px}.profile-avatar{height:72px;width:72px;border-radius:23px;background:#d9eaff;color:#2b68a9;font-size:25px;font-weight:780;display:grid;place-items:center}.profile-top h1{font-size:27px;letter-spacing:-.7px}.profile-top p{font-size:13px;color:var(--muted);margin-top:8px}.setting-group{margin:14px 0 37px}.setting-group h2{color:var(--muted);font-size:13px;margin-bottom:12px;font-weight:710}.setting-list{border:1px solid var(--line);border-radius:18px;overflow:hidden}.setting-row{width:100%;min-height:63px;border:0;border-bottom:1px solid var(--line);padding:14px 18px;background:var(--surface);display:flex;justify-content:space-between;align-items:center;color:var(--ink);text-align:left;font-size:14px;gap:10px}.setting-row:last-child{border-bottom:0}.setting-row span{display:flex;align-items:center;gap:12px}.setting-row .icon{color:var(--softink)}.setting-row .arrow{color:var(--muted)}.setting-row:hover{background:var(--canvas)}.seg-switch{display:flex;border:1px solid var(--line);background:var(--canvas);padding:3px;border-radius:11px}.seg-switch button{border:0;background:transparent;font-size:11px;font-weight:720;color:var(--muted);border-radius:8px;padding:7px 10px}.seg-switch button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #16263e1a}.color-choices{display:flex;gap:9px}.color-choices button{border:2px solid transparent;width:22px;height:22px;border-radius:50%;padding:0}.color-choices button.chosen{outline:1px solid var(--ink);outline-offset:3px}.bottom-nav{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#13203678;z-index:110;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadein .16s ease}.modal{width:min(530px,100%);max-height:min(88vh,850px);overflow:auto;border-radius:23px;padding:27px;background:var(--surface);box-shadow:var(--shadow-lg)}.modal.wide{width:min(650px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:21px;letter-spacing:-.5px}.modal-close{width:33px;height:33px;border:0;background:var(--canvas);color:var(--muted);display:grid;place-items:center;border-radius:10px}.modal-options{display:grid;gap:10px}.modal-option{width:100%;background:var(--canvas);border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;align-items:center;text-align:left;gap:15px;color:var(--ink)}.modal-option:hover{border-color:var(--blue-bright)}.modal-option .option-graphic{width:44px;height:44px;background:var(--surface);border-radius:13px;display:grid;place-items:center;color:var(--blue)}.modal-option .option-graphic.yellow{color:var(--warm)}.modal-option h3{font-size:15px;margin-bottom:6px}.modal-option p{font-size:12px;color:var(--muted);line-height:1.6}.modal-option .right-arr{margin-left:auto;color:var(--muted)}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:13px;font-weight:760;margin-bottom:9px}.form-group .input{background:var(--surface)}.form-group textarea.input{min-height:88px;resize:vertical;line-height:1.7}.hint{font-size:12px;line-height:1.7;color:var(--muted)}.day-plan{display:grid;gap:15px}.day-plan-top{display:flex;gap:16px;align-items:center;padding:8px 0 13px}.plan-circle{height:78px;width:78px;flex:none;border-radius:50%;background:conic-gradient(var(--blue) 0 53%,var(--line) 53%);display:grid;place-items:center}.plan-circle:before{content:"";position:absolute}.plan-circle strong{width:64px;height:64px;background:var(--surface);border-radius:50%;display:grid;place-items:center;font-size:15px}.day-plan-top h3{font-size:21px}.day-plan-top p{font-size:12px;color:var(--muted);margin-top:8px}.plan-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:7px}.plan-numbers>div{border:1px solid var(--line);background:var(--canvas);border-radius:13px;padding:14px;text-align:center}.plan-numbers strong{font-size:19px;display:block}.plan-numbers small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.plan-log{padding:12px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.plan-log span:last-child{color:var(--muted)}.dialog-divider{height:1px;background:var(--line);margin:14px 0}.chat-drawer{position:fixed;top:0;right:0;bottom:0;width:min(410px,100vw);background:var(--surface);z-index:100;box-shadow:var(--shadow-lg);border-left:1px solid var(--line);display:flex;flex-direction:column}.chat-drawer .chat-header{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.chat-content{flex:1;padding:23px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.chat-bubble{background:var(--canvas);border-radius:16px 16px 16px 4px;padding:15px 17px;font-size:13px;line-height:1.9;color:var(--softink)}.chat-bubble.user{border-radius:16px 16px 4px;background:var(--blue-soft);color:var(--ink);align-self:flex-end;max-width:86%}.chat-entry{display:flex;gap:9px;border-top:1px solid var(--line);padding:15px}.chat-entry input{flex:1;min-width:0}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);padding:12px 18px;border-radius:13px;background:var(--ink);color:var(--bg);font-size:13px;box-shadow:var(--shadow-lg);z-index:250;white-space:nowrap;max-width:calc(100vw - 30px);overflow:hidden;text-overflow:ellipsis}.blank-panel{background:var(--canvas);border-radius:16px;padding:24px;font-size:13px;color:var(--softink);line-height:1.8;text-align:center}.nav-hidden-mobile,.mobile-study-tools{display:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media(max-width:1050px){.home-grid{grid-template-columns:1.35fr .85fr}.continue-path{opacity:.38}.study-layout{gap:32px;grid-template-columns:188px minmax(0,1fr)}}@media(max-width:800px){.header-inner,.site-shell,.study-shell{width:calc(100% - 40px)}.desktop-links{gap:19px}.desktop-links button{font-size:13px}.brand-name{font-size:22px}.header-actions .download-btn{display:none}.home-hero{padding-top:56px}.home-hero h1{font-size:44px}.discovery-grid,.feed-grid,.deck-list{grid-template-columns:repeat(2,minmax(0,1fr))}.study-layout{grid-template-columns:1fr;gap:0}.study-sidebar{display:none}.article{max-width:790px;margin:auto}.mobile-study-tools{display:flex}}@media(max-width:640px){.site-header{height:65px;position:sticky}.header-inner,.site-shell,.study-shell{width:calc(100% - 36px)}.brand-name{font-size:24px}.brand-mark{width:31px;height:31px;border-radius:10px}.desktop-links{display:none}.header-actions{gap:5px}.header-actions .desktop-only{display:none}.plan-button{padding:2px;background:transparent;border:0}.plan-button .plan-caption{display:none}.ring{width:37px;height:37px}.site-shell{padding-bottom:112px}.home-hero{padding:54px 0 6px}.hero-kicker{font-size:11px;margin-bottom:22px}.home-hero h1{font-size:34px;letter-spacing:-1.35px;line-height:1.38}.hero-sub{font-size:13px;line-height:1.8;margin-top:14px;max-width:310px}.composer{margin-top:28px;padding:12px 12px 9px;border-radius:17px;box-shadow:0 8px 28px #2452810f}.composer textarea{min-height:80px;font-size:13px;padding:7px 4px 16px}.mode-chip{padding:9px 7px;font-size:11px;gap:4px}.mode-chip .icon{width:16px;height:16px}.compose-footer{gap:3px}.compose-types{gap:0}.compose-send{width:35px;height:35px;border-radius:10px}.hero-prompt{font-size:11px;line-height:2;margin-top:16px}.hero-prompt button{font-size:11px}.day-strip{padding:15px;border-radius:16px;margin-top:34px}.day-strip h3{font-size:13px}.day-strip p{font-size:11px}.day-signal{width:39px;height:39px;border-radius:12px}.day-strip .text-link{font-size:12px}.page-section{margin-top:40px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:20px}.home-grid{grid-template-columns:1fr;gap:12px}.continue-card{min-height:275px;padding:22px;border-radius:19px}.continue-card h3{font-size:23px;margin-top:21px}.continue-card .descriptor{font-size:12px;max-width:245px}.continue-path{width:195px;right:-48px;top:61px;opacity:.38}.continue-bot{align-items:flex-end}.review-card{min-height:193px;padding:21px 22px;gap:7px}.review-card h3{font-size:21px;margin-top:0}.review-card p{font-size:12px}.review-card .review-action{margin-top:10px}.discovery-grid,.feed-grid,.deck-list{grid-template-columns:1fr 1fr;gap:10px}.discovery-card{padding:16px;border-radius:16px;min-height:176px}.discovery-card:nth-child(n+3){display:none}.discovery-icon{width:41px;height:41px;border-radius:12px;margin-bottom:19px}.discovery-card h3{font-size:14px;line-height:1.45;margin:6px 0}.discovery-card p{font-size:11px}.bott-note{margin-top:45px}.bottom-nav{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;position:fixed;bottom:0;left:0;right:0;height:calc(70px + var(--safe-bottom));padding:6px 6px calc(8px + var(--safe-bottom));background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);z-index:75}.nav-item{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;min-width:0;font-weight:660}.nav-item.active{color:var(--blue)}.nav-add .plus-dot{height:43px;width:43px;border-radius:50%;background:var(--blue-bright);color:#112b49;display:grid;place-items:center;margin-top:-19px;box-shadow:0 6px 20px #76b4f548}.nav-add span:last-child{visibility:hidden}.page-top{padding:35px 0 24px}.page-top h1{font-size:30px}.page-top p{font-size:12px}.topic-pills{gap:7px;margin:7px 0 22px}.topic-pill{padding:8px 12px;font-size:12px}.explore-tools{flex-direction:column;align-items:stretch;gap:8px}.search-field{width:100%}.course-tile{min-height:225px;padding:16px;border-radius:16px}.course-tile .tile-icon{width:40px;height:40px;margin-bottom:21px}.course-tile .course-name{font-size:14px;line-height:1.5}.course-tile p{font-size:11px}.course-tile .course-bottom{font-size:10px}.review-intro{padding:54px 0 36px}.review-intro h1{font-size:32px}.review-intro p{font-size:13px}.review-intro .btn{margin-top:22px}.review-summary{padding:18px 0}.review-summary strong{font-size:20px}.review-summary span{font-size:10px}.review-queue{margin-top:43px}.study-head{padding:17px 0 23px}.study-head .study-head-right{gap:0}.article h1{font-size:28px}.article h2{font-size:20px;margin-top:34px}.article p{font-size:13px;line-height:2}.article-lead{font-size:13px;line-height:1.9}.study-illustration{padding:12px;margin-top:25px}.exercise{padding:17px}.exercise h3{font-size:15px}.answer{padding:12px;font-size:12px}.article-bottom{padding-bottom:35px}.float-chat{bottom:calc(85px + var(--safe-bottom));right:17px;padding:12px;border-radius:50%;width:46px;height:46px;justify-content:center}.float-chat .label{display:none}.deck-list{gap:10px}.deck-card{padding:15px}.deck-art{height:94px}.deck-art .backcard,.deck-art .frontcard{width:76px;height:76px}.deck-card h3{font-size:14px}.deck-card p,.deck-card .deck-tail{font-size:11px}.flash-wrap{margin:24px auto 110px}.flash-card{padding:23px;min-height:340px}.flash-ratings{gap:6px}.rating-btn{font-size:11px}.settings-shell{margin:24px auto}.profile-top{padding:9px 0 29px}.profile-avatar{height:58px;width:58px;border-radius:18px}.profile-top h1{font-size:22px}.setting-row{font-size:13px;padding:13px;min-height:61px}.overlay{padding:0;align-items:flex-end}.modal,.modal.wide{border-radius:27px 27px 0 0;width:100%;padding:23px 20px calc(25px + var(--safe-bottom));max-height:90vh}.modal:before{content:"";display:block;background:var(--line);width:37px;height:5px;border-radius:99px;margin:-10px auto 19px}.chat-drawer{padding-bottom:var(--safe-bottom)}.toast{bottom:calc(95px + var(--safe-bottom));white-space:normal;text-align:center}.nav-hidden-mobile{display:block}}@media(max-width:360px){.mode-chip{font-size:10px;padding:8px 5px}.home-hero h1{font-size:30px}.continue-card h3{font-size:21px}.discovery-card{padding:13px}.course-tile{padding:12px}.course-tile .course-name{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:HopwiseMaterialSymbols;src:url(/fonts/MaterialSymbols_400Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:block}:root{--site-header-height: 84px;--accent-warm: #79b5f4;--action-blue: #3179c7;--danger: #bd4b4b;--danger-hover: #a93b3b;--danger-surface: color-mix(in srgb, #c44b4b 9%, var(--surface));--danger-fill: #c83f45;--danger-fill-hover: #b52f36;--success: #37835a;--success-surface: color-mix(in srgb, #43a96c 10%, var(--surface));--warning: #a67d00;--surface: #f7f8f9;--canvas: #f4f5f6;--canvas2: #f4f5f6;--settings-card: var(--surface)}@media(max-width:640px){:root{--site-header-height: 64px}}body.dark{--action-blue: #2f6ea8;--danger: #ff8b8b;--danger-hover: #ffaaaa;--danger-surface: color-mix(in srgb, #ff7373 14%, var(--surface));--danger-fill: #a9353b;--danger-fill-hover: #8f2d33;--success: #87d6a0;--success-surface: color-mix(in srgb, #43a96c 18%, var(--surface));--warning: #f3c576;--bg: #000000;--surface: #181818;--canvas: #181818;--canvas2: #181818;--ink: #f4f6fa;--softink: #a2adbd;--muted: #8995a8;--line: #2b3548;--settings-card: #181818}html,body,#app{width:100%;height:100%;min-height:0}body{overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--ink)}input::placeholder,textarea::placeholder,[contenteditable=true]:empty:before{color:var(--muted)!important;opacity:1}.skeleton-line,.skeleton-block{display:block;overflow:hidden;border-radius:9px;background:linear-gradient(90deg,var(--canvas) 22%,color-mix(in srgb,var(--surface) 80%,var(--blue-soft)) 38%,var(--canvas) 62%);background-size:300% 100%;animation:hopwise-skeleton-shimmer 1.55s ease-in-out infinite}.skeleton-line{width:88%;height:13px}.skeleton-line-heading{width:46%;height:17px;margin-bottom:8px}.skeleton-line-short{width:37%}.skeleton-block{width:100%;height:clamp(180px,27vh,300px);margin:5px 0;border-radius:18px}@keyframes hopwise-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.skeleton-line,.skeleton-block{animation:none}}.course-page-topbar{display:flex;min-height:54px;align-items:center;padding:7px 0 3px}.course-page-back{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:7px 10px 7px 0;border:0;background:transparent;color:var(--softink);font:inherit;font-size:13px;font-weight:680}.course-page-back:hover{color:var(--ink)}.course-page-back .icon{width:17px;height:17px}@media(max-width:640px){html,body,#app{max-width:100%;overflow-x:hidden}.site-shell{width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px);padding-bottom:112px}.site-shell,.compose-types{min-width:0;max-width:100%}.compose-types{width:calc(100% - 41px);flex:1 1 0;flex-wrap:wrap;gap:1px}.compose-types .mode-chip{flex:0 1 auto;min-width:0;padding:8px 5px;font-size:10px;gap:3px}.compose-types .mode-chip .icon{width:14px;height:14px}.course-page-topbar{min-height:46px;padding-top:2px}}
