.form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.form-field-label{display:flex;flex-direction:row;align-items:center;gap:4px;color:#6c7c98;font-size:12px}.field-required{color:#90a1ca;font-size:11px}.field-hint,.field-error{font-size:11px;line-height:1.8;font-weight:400}.field-hint{color:#99a5b9}.field-error{color:#bf6661}.button.danger{color:#c26761;border-color:#f0d4cf;background:#fff6f4}.ui-spinner{animation:ui-spin 1s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.base-select{display:block;width:100%;min-width:0}.select-trigger{display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:42px;padding:0 13px;border:1px solid #dfe6f1;border-radius:8px;background:linear-gradient(180deg,#fff,#fdfdff);color:#647593;font-size:12px;font-weight:400;text-align:left;box-shadow:0 1px 2px #243d6b03;transition:border-color .15s,background .15s,box-shadow .15s}.select-trigger:hover:not(:disabled){border-color:#b8c7e9;background:#fafbff}.select-trigger:focus-visible,.is-open>.select-trigger{outline:none;border-color:#8fa4e8;box-shadow:0 0 0 3px #4c65d80d;background:#fff}.select-trigger:disabled{background:#f6f8fc;color:#a9b2c2;opacity:.75}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}.select-value.is-placeholder{color:#a5afc0}.select-chevron{margin-left:auto;color:#98a5bf;transition:transform .2s,color .2s}.is-open .select-chevron{transform:rotate(180deg);color:#607bd0}.select-color-dot{width:7px;height:7px;border-radius:50%;background:var(--tone, #8ba2d7);flex-shrink:0;box-shadow:0 0 0 3px var(--tint, #f1f5ff);margin:0 2px}.select-sm .select-trigger{min-height:37px;padding:0 11px;font-size:11px;border-radius:7px}.select-popover{position:fixed;z-index:90;display:flex;flex-direction:column;padding:6px;border:1px solid #dfe6f4;border-radius:11px;background:#fff;box-shadow:0 16px 48px #263e6b1c,0 3px 10px #31497b0a;overflow:hidden;isolation:isolate;transform-origin:top center}.select-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#d5deef transparent;padding:1px}.select-options::-webkit-scrollbar{width:5px}.select-options::-webkit-scrollbar-thumb{background:#d5deef;border-radius:5px}.select-option{display:flex;align-items:center;gap:10px;padding:10px 11px;margin:2px 0;min-height:38px;border-radius:7px;color:#687a98;font-size:12px;line-height:1.7;cursor:pointer;transition:background .12s}.select-option.is-active{background:#f4f6fc}.select-option.is-selected{background:#eef2ff;color:#4e68c7}.select-option.is-selected.is-active{background:#e8eeff}.select-option.is-disabled{color:#bbc3d2;cursor:not-allowed}.select-option-text{display:flex;flex:1;flex-direction:column;min-width:0;overflow-wrap:anywhere}.select-option-text small{color:#9aa8be;font-size:10px;font-weight:400;margin-top:2px;line-height:1.6}.select-option.is-selected small{color:#92a1ce}.select-check{margin-left:auto;color:#627bd7;flex-shrink:0}.select-search{display:flex;flex-shrink:0;align-items:center;gap:8px;margin:3px 3px 6px;padding:0 9px;border:1px solid #e9edf6;border-radius:7px;color:#a0aec5;background:#f8faff}.select-search:focus-within{border-color:#bac9ed}.select-search input{height:35px;padding:0;width:100%;min-width:0;background:transparent;border:0;font-size:11px}.select-search input:focus{box-shadow:none}.select-help{display:flex;flex-shrink:0;justify-content:space-between;padding:9px 9px 4px;color:#aab4c7;font-size:9px;border-top:1px solid #f0f3fa;margin-top:5px}.select-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:28px 15px;color:#9aabc8;font-size:11px}.select-empty small{color:#b1bbcc;font-size:10px}.select-menu-enter-active,.select-menu-leave-active{transition:opacity .12s,transform .12s}.select-menu-enter-from,.select-menu-leave-to{opacity:0;transform:translateY(-3px)}.base-modal>.modal-body{flex:1}.base-modal:focus{outline:none}.filter-selects .base-select{width:145px}.record-filters>.form-field{min-width:155px}.record-filters .form-field-label{color:#92a0b8;font-size:10px}.record-filters .select-trigger{min-height:36px;font-size:11px}.settings-panel .form-field-label{font-size:11px}@media (max-width: 760px){.form-field-label{font-size:11px}.select-popover{border-radius:10px}.select-option{min-height:42px;padding:10px 11px}}@media (max-width: 510px){.select-trigger{min-height:39px;padding:0 11px;font-size:11px}.select-sm .select-trigger{min-height:36px;font-size:10px}.filter-selects{width:100%}.filter-selects .base-select{flex:1 1 100px;width:auto;min-width:0;max-width:165px}.record-filters>.form-field{flex:1;min-width:calc(50% - 12px)}.field-hint{font-size:10px}}.base-date-picker{position:relative;width:100%;min-width:0}.date-trigger{display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:42px;padding:0 31px 0 12px;border:1px solid #dfe6f1;border-radius:8px;background:linear-gradient(180deg,#fff,#fdfdff);color:#657797;font-size:12px;font-weight:400;text-align:left;box-shadow:0 1px 2px #243d6b03;transition:border-color .15s,box-shadow .15s}.date-trigger>span{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-variant-numeric:tabular-nums;letter-spacing:.3px}.date-trigger>span.is-placeholder{color:#a5b0c3;letter-spacing:0}.date-trigger-icon{color:#94a6cb}.date-trigger:hover:not(:disabled){border-color:#b8c7e9;background:#fafbff}.date-trigger:focus-visible,.is-open>.date-trigger{border-color:#8fa4e8;box-shadow:0 0 0 3px #4c65d80d;outline:none}.is-open .date-trigger-icon{color:#607bd0}.date-trigger:disabled{background:#f6f8fc;color:#acb6c8;opacity:.7}.date-sm .date-trigger{min-height:37px;font-size:11px;border-radius:7px}.date-inline-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;padding:3px;width:23px;height:23px;background:transparent;border:none;border-radius:5px;color:#a7b2c6}.date-inline-clear:hover{background:#eff3fc;color:#7085bc}.date-validation{position:absolute;top:0;left:0;width:1px;height:1px!important;min-width:0!important;opacity:0;pointer-events:none;padding:0;border:0}.date-popover{position:fixed;z-index:90;overflow:auto;overscroll-behavior:contain;padding:14px;border:1px solid #dfe6f4;border-radius:13px;background:#fff;box-shadow:0 18px 48px #263e6b1c,0 3px 10px #31497b0a;scrollbar-width:thin;scrollbar-color:#d5deef transparent;isolation:isolate}.date-panel-label{display:flex;align-items:center;gap:6px;padding-bottom:12px;border-bottom:1px solid #eef2f8;color:#8b9ab6;font-size:10px}.date-panel-label svg{color:#9aadcd}.date-panel-caption{margin-left:auto;color:#b0bbce;font-size:9px}.date-calendar-header{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px;gap:8px}.date-nav{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid transparent;border-radius:7px;color:#8b9bbd;background:#f7f9fd}.date-nav:hover:not(:disabled){border-color:#e0e7f7;background:#eef3ff;color:#5a75c9}.date-caption{border:0;background:transparent;color:#53678e;font-size:13px;font-weight:600;letter-spacing:.5px;padding:5px 10px;border-radius:6px}.date-caption:hover:not(:disabled){color:#4c65c7;background:#f5f7ff}.date-caption:disabled{opacity:1;cursor:default}.date-weekdays,.date-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.date-weekdays{margin:0 0 7px}.date-weekdays>span{text-align:center;padding:7px 0;font-size:10px;color:#9ca9bf}.date-weekdays>span.weekend{color:#b3bfcf}.date-week{margin-top:3px}.date-week>div{min-width:0}.date-day{display:flex;position:relative;justify-content:center;align-items:center;width:100%;height:32px;padding:0;border:1px solid transparent;border-radius:8px;color:#687996;background:transparent;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}.date-day:hover:not(:disabled){background:#eff3fe;color:#4f69c7}.date-day.is-other-month{color:#c6cedb}.date-day.is-today{color:#607ad0;border-color:#d7e1fa;background:#f8faff}.date-day>i{position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:#8195de}.date-day.is-selected,.date-day.is-selected:hover{color:#fff;border-color:#5c75d4;background:#6079d6;box-shadow:0 2px 4px #6179ce20;font-weight:500}.date-day.is-selected>i{background:#dbe4ff}.date-day:focus-visible{outline:2px solid #91a6e4;outline-offset:1px;background:#f0f4ff}.date-day.is-selected:focus-visible{background:#6079d6}.date-day:disabled{opacity:1;color:#d7deea;background:#fafbfd;border-color:transparent;cursor:not-allowed}.date-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 7px;min-height:234px;padding:12px 0;align-content:center}.date-periods button{background:transparent;color:#7b8cab;border:1px solid transparent;border-radius:7px;padding:10px 4px;min-width:0;font-size:12px}.date-periods button:hover:not(:disabled){background:#f2f5fe;color:#647ccc}.date-periods button.is-current{color:#5873cd;background:#eff3ff;border-color:#e2e8fc}.date-periods button:disabled{color:#cbd3e2}.date-calendar-footer{margin-top:12px;padding-top:12px;border-top:1px solid #eef2f8;display:flex;align-items:center;justify-content:space-between}.date-clear,.date-today{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:0;border-radius:6px;font-size:10px}.date-clear{background:transparent;color:#98a6bf}.date-clear:hover:not(:disabled){color:#667eaf;background:#f5f7fc}.date-today{background:#eff3ff;color:#6c83ca}.date-today:hover:not(:disabled){background:#e6edff;color:#4f6ac0}.date-today>span{width:4px;height:4px;border-radius:50%;background:currentColor}.date-footer-hint{font-size:9px;color:#b0bbce}.record-filters>.form-field:has(.base-date-picker){min-width:180px}@media (max-width: 510px){.date-trigger{min-height:39px;font-size:11px;gap:7px;padding-left:10px}.date-sm .date-trigger{min-height:36px;font-size:10px}.record-filters>.form-field:has(.base-date-picker){min-width:calc(50% - 12px)}.date-popover{padding:13px;border-radius:11px}.date-day{height:34px}}:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#27334c;background:#f6f8fc;font-synthesis:none;font-weight:400;--primary:#4c65d8;--muted:#8c96aa;--border:#e9edf5;--purple:#8771cd;--green:#3a9a87;--orange:#c99754;--blue:#547dd0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}button,input,textarea,select{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #a9bafa;outline-offset:3px}input:focus,textarea:focus,select:focus{border-color:#92a4eb!important;box-shadow:0 0 0 3px #eef1ff}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.5;font-weight:700;letter-spacing:.5px}h2{font-size:17px;font-weight:600;line-height:1.6}h3{font-size:14px;font-weight:600;line-height:1.7}p{line-height:1.8}svg{flex-shrink:0}input,select,textarea{border:1px solid #e0e6f0;border-radius:7px;background:#fff;color:#344058;transition:border-color .15s,box-shadow .15s}input,select{height:41px;padding:0 12px;min-width:0}textarea{width:100%;padding:12px;resize:vertical;line-height:1.8;font-size:13px}input::placeholder,textarea::placeholder{color:#a3adbd}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:16px;height:16px;padding:0;box-shadow:none;flex-shrink:0}input[type=date]{min-width:140px}select{cursor:pointer;font-size:13px}label{font-size:13px;display:flex;flex-direction:column;gap:8px;font-weight:500}label>small{font-size:11px;color:var(--muted);font-weight:400;line-height:1.7}fieldset{margin:0}code,kbd{font-family:Consolas,monospace}kbd{font-size:11px;border:1px solid #e8ebf2;border-radius:3px;padding:0 4px;color:#a1a9b8}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;letter-spacing:1.8px;color:#8d99b0;line-height:1.8}.heading-dot{color:#6880dd;margin-left:5px}.inline-actions{display:flex;align-items:center;gap:9px}.stack{display:flex;flex-direction:column;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:7px;padding:10px 16px;font-size:12px;font-weight:500;white-space:nowrap;min-height:40px;transition:background .15s,transform .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--primary);color:#fff;box-shadow:0 3px 7px #4c65d814}.button.primary:hover{background:#3d57c7}.button.secondary{border-color:#e1e6f0;background:#fff;color:#606f89}.button.secondary:hover{border-color:#c2cdef;background:#fafbff;color:var(--primary)}.small-button{padding:6px 11px;min-height:32px;font-size:11px}.text-button{background:none;border:none;padding:0;color:#6576bd;display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:1.8;font-weight:500}.text-button:hover{color:#324dbd}.icon-button{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;min-width:29px;min-height:29px;border-radius:6px;color:#95a0b4;padding:5px}.icon-button:hover,.icon-button.active{background:#eff3fb;color:#536bc4}.icon-button.starred{color:#d4a04c}.title-button{background:none;border:none;text-align:left;padding:0;font-size:14px;font-weight:600;line-height:1.8;cursor:pointer;color:#34425e}.title-button:hover{color:var(--primary)}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel{border:1px solid var(--border);background:#fff;border-radius:11px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;line-height:1.7;padding:3px 8px;border-radius:5px;white-space:nowrap;font-weight:500}.badge.neutral{background:#f4f6f9;color:#8b95a7}.blue{--tone:#5a7dd5;--tint:#edf2ff}.purple{--tone:#8b72cc;--tint:#f1edfa}.orange{--tone:#c99754;--tint:#fcf3e7}.green{--tone:#4a9b89;--tint:#eaf6f1}.rose{--tone:#bf7186;--tint:#fbedf1}.cyan{--tone:#4296aa;--tint:#eaf6fa}.badge.blue,.badge.purple,.badge.orange,.badge.green,.badge.rose,.badge.cyan{color:var(--tone);background:var(--tint)}.stat-icon,.activity-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--tint);color:var(--tone);flex-shrink:0;border-radius:10px;width:42px;height:42px}.empty-leaf{background:#eff3ff;color:#8799d4;border-radius:17px;width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center}.mastered-label{font-size:10px;color:#68a590;display:flex;align-items:center;gap:3px}.error-message{font-size:12px;color:#cb625e;background:#fff4f2;border:1px solid #f5ded9;border-radius:6px;padding:10px 12px}.error-banner{background:#fff0ee;border:1px solid #f2d7d3;color:#ae514d;padding:14px 18px;border-radius:8px;display:flex;justify-content:space-between;font-size:13px;margin-bottom:20px}.notice{padding:15px 17px;background:#f6f8fe;border:1px solid #e5eafa;border-radius:8px;color:#7d8aa3;font-size:12px;line-height:1.8}.notice h3{color:#53668e;margin-bottom:8px}.notice p+code{display:block;margin:12px 0;color:#4b61a0}.loading-state,.empty-state{padding:70px 24px;text-align:center;color:#8b97af;font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:18px}.empty-state h3{font-size:17px;color:#465675}.empty-state p{max-width:440px}.boot-state{min-height:100vh;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center}.toast-message{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border:1px solid #dbe8e3;border-radius:10px;box-shadow:0 8px 40px #2e47601a;color:#508578;font-size:13px;max-width:calc(100vw - 30px)}.toast-message.error{border-color:#ecd6d4;color:#bb6863}.toast-enter-active,.toast-leave-active{transition:opacity .2s}.toast-enter-from,.toast-leave-to{opacity:0}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:32px 20px 0;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;color:#293c62;font-size:25px;font-weight:700;letter-spacing:2px}.brand-icon{display:flex;align-items:center;justify-content:center;background:#4f68d7;border-radius:11px;width:43px;height:43px;color:#fff;flex-shrink:0;box-shadow:0 4px 10px #4c65d829}.brand-dot{color:#687edf}.brand small{display:block;font-weight:400;font-size:9px;letter-spacing:1.4px;color:#929db0;margin-top:1px}.sidebar-section-label{font-size:9px;letter-spacing:1.6px;color:#a8afbc;margin:45px 17px 16px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:500;color:#8290a7;border-radius:7px;padding:13px 16px;transition:background .15s}.sidebar nav a:hover,.sidebar-bottom>a:hover{background:#f7f8fc;color:#526bc0}.sidebar nav a.selected,.sidebar-bottom>a.selected{background:#edf1ff;color:#4e67d1}.nav-dot{width:5px;height:5px;border-radius:100%;background:#637bdd;margin-left:auto}.sidebar-quote{margin:50px 9px 30px;padding:20px 18px;background:linear-gradient(145deg,#f7f9fe,#f1f5fc);border:1px solid #edf1f9;border-radius:9px;color:#8195c0}.sidebar-quote p{font-size:12px;line-height:2;margin:10px 0 8px;color:#7384a5}.sidebar-quote small{font-size:9px;color:#a3aec1}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid var(--border);display:flex;align-items:center;gap:9px;margin-top:18px;padding:22px 5px 25px}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#e9edfc;color:#6e7ec1;border:3px solid #f5f7ff;font-size:14px;width:38px;height:38px;border-radius:50%;font-weight:600;flex-shrink:0}.profile strong{font-size:11px;font-weight:500}.profile small{display:block;font-size:9px;color:#9ba5b7;margin-top:4px}.profile .icon-button{margin-left:auto}.main-wrap{margin-left:220px;width:calc(100% - 220px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:71px;border-bottom:1px solid var(--border);background:#ffffffdf;display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px;color:#52637e}.topbar-right{display:flex;align-items:center;gap:23px}.topbar-date{font-size:10px;color:#929eb3;white-space:nowrap}.global-search{display:flex;gap:8px;align-items:center;color:#a4aec1}.global-search input{border:0;background:none;height:30px;font-size:10px;width:110px;padding:0}.global-search input:focus{box-shadow:none}.small-avatar{width:31px;height:31px;font-size:11px}.page-content{padding:30px 35px 36px;max-width:1530px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.page-heading .eyebrow{margin-bottom:7px;font-size:9px;letter-spacing:2px}.page-heading h1{margin-bottom:6px}.page-heading p{font-size:11px;color:#99a3b5}.page-heading.compact h1{margin-top:12px}.page-footer{max-width:1530px;margin:0 auto;width:100%;padding:0 35px 22px;color:#aab3c3;font-size:9px;display:flex;justify-content:space-between;letter-spacing:.4px}.mobile-toggle{display:none}.hero-card{min-height:255px;display:flex;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #e0e7f7;border-radius:12px;background:linear-gradient(110deg,#f0f4ff,#edf3ff 60%,#f0f5fe);padding:30px 34px;margin-bottom:23px}.hero-copy{z-index:1;position:relative}.hero-label{font-size:9px;color:#6b7cb0;display:inline-flex;align-items:center;gap:7px;border:1px solid #d7e0f5;background:#ffffff75;padding:4px 9px;border-radius:30px;letter-spacing:1px}.hero-label>span{width:5px;height:5px;border-radius:50%;background:#6c83cf}.hero-copy h2{font-size:27px;font-weight:600;line-height:1.6;color:#34466e;margin:12px 0 9px;letter-spacing:1px}.hero-copy>p{font-size:10px;color:#95a1be}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:22px}.hero-actions .button{font-size:11px;padding:10px 17px}.hero-link{font-size:10px;display:flex;align-items:center;gap:5px;color:#8393ba}.hero-art{position:absolute;right:35px;top:10px;width:380px;height:260px}.art-orbit{position:absolute;border:1px solid #dce5f7;border-radius:50%;left:30px;top:13px;width:320px;height:220px;transform:rotate(-20deg)}.orbit-two{width:220px;height:240px;left:80px;transform:rotate(-35deg);border-color:#e0e8f8}.book-illustration{position:absolute;width:335px;right:15px;top:24px;filter:drop-shadow(2px 6px 4px #a3b4d114);transform:rotate(-5deg)}.floating-note{position:absolute;background:#ffffffeb;border:1px solid #e5eafa;border-radius:8px;padding:8px 12px;font-size:9px;letter-spacing:.5px;color:#7e8cab;box-shadow:0 5px 15px #8398c21c;display:flex;align-items:center;gap:8px;z-index:1}.note-top{right:19px;top:25px;transform:rotate(7deg)}.note-bottom{bottom:11px;left:16px;transform:rotate(-6deg)}.mini-icon{background:#ecf2ff;color:#7b92cf;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:6px}.mini-icon.orange{background:#fcf4e9;color:#d1a76e}.art-spark{position:absolute;color:#94a9dd;font-size:24px}.spark-one{top:43px;left:28px}.spark-two{right:10px;bottom:55px;font-size:31px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:29px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px 18px;display:flex;align-items:flex-start;gap:14px}.stat-icon{width:40px;height:40px;border-radius:9px}.stat-card .stat-label{font-size:10px;color:#8f9cb2;line-height:1.5;display:block;margin-bottom:6px}.stat-card strong{font-size:26px;font-weight:600;line-height:1.3;color:#33415b;display:block}.stat-card strong small{font-size:9px;font-weight:400;margin-left:7px;color:#a0aaba}.stat-card p{font-size:8px;color:#a6afbf;margin-top:8px;white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.section-heading h2{font-size:15px}.section-note{font-size:9px;color:#a3aec0;margin-left:12px;font-weight:400}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{background:#fff;border:1px solid var(--border);border-radius:10px;display:block;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s}.module-card:hover{transform:translateY(-3px);border-color:#cdd8ef;box-shadow:0 8px 20px #59769d0d}.module-top{display:flex;justify-content:space-between;align-items:center;color:#c2cbd9;margin-bottom:17px}.module-icon{background:var(--tint);color:var(--tone);width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:19px;font-family:serif;font-weight:600}.module-card h3{font-size:15px;margin-bottom:4px;color:#44516a}.module-card>p{font-size:9px;color:#9ea8ba;white-space:nowrap}.module-counts{display:flex;gap:15px;font-size:9px;color:#a0aabc;margin:24px 0 14px}.module-counts strong{color:#697893;font-size:11px;font-weight:500}.progress-line{height:4px;background:#f0f3f9;border-radius:5px;overflow:hidden}.progress-line i{height:100%;background:var(--tone,var(--primary));border-radius:5px;display:block;max-width:100%}.module-progress{display:flex;justify-content:space-between;margin-top:9px;font-size:8px;color:#a8b2c2}.module-progress strong{font-weight:500;color:var(--tone)}.module-section{margin-bottom:28px}.dashboard-bottom{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:21px}.dashboard-bottom>.panel{padding:23px 24px}.activity-panel .section-heading{margin-bottom:10px}.activity-row{display:flex;align-items:center;padding:14px 0;gap:12px;border-bottom:1px solid #f2f4f8}.activity-row:last-child{border-bottom:0}.activity-icon{width:35px;height:35px;border-radius:8px}.activity-row strong{font-size:11px;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.activity-row p{font-size:9px;color:#a2acbd;margin-top:4px}.activity-row p span{margin:0 4px}.activity-row time{font-size:9px;color:#a8b1c0;margin-left:auto;white-space:nowrap}.getting-started{text-align:center;min-height:225px;display:flex;flex-direction:column;justify-content:center;align-items:center}.getting-started .empty-leaf{width:46px;height:46px;border-radius:12px}.getting-started h3{font-size:13px;margin:13px 0 5px;color:#677692}.getting-started p{font-size:10px;color:#9eabbd}.getting-started>div{display:flex;align-items:center;gap:16px;margin-top:20px}.getting-started .text-button{font-size:10px}.weekly-total{display:flex;align-items:center;gap:9px;margin-top:9px}.weekly-total strong{font-size:27px;color:#475675;font-weight:600}.weekly-total>span:not(.chart-spark){font-size:9px;color:#9aa6ba;margin-top:10px}.chart-spark{margin-left:auto;color:#b0bdeb}.week-chart{display:flex;justify-content:space-around;gap:13px;height:116px;margin-top:14px}.chart-column{display:flex;flex-direction:column;align-items:center;gap:9px;flex:1;color:#adb5c5;font-size:9px}.bar-track{height:89px;width:100%;max-width:25px;display:flex;align-items:flex-end}.chart-bar{width:100%;background:#dce4fa;border-radius:4px 4px 2px 2px}.chart-bar.empty{background:#eef1f8}.chart-column.current .chart-bar:not(.empty){background:#7e94de}.chart-column.current>span{background:#edf1fe;color:#7c91d3;border-radius:50%;width:19px;height:19px;display:flex;align-items:center;justify-content:center;margin-top:-3px}.chart-caption{font-size:9px;color:#b0b9c8;border-top:1px dashed #e9edf5;margin-top:19px;padding-top:13px;text-align:center}.review-strip{background:#f0f3fb;border:1px solid #e6ebf7;display:flex;align-items:center;gap:16px;border-radius:10px;padding:19px 23px}.review-strip>div{flex:1}.review-strip strong{font-size:11px;font-weight:500;color:#6a78a0}.review-strip p{font-size:9px;color:#9ca9c1;margin-top:4px}.review-strip .button{font-size:10px;min-height:34px}.page-tabs{display:flex;gap:27px;border-bottom:1px solid #e4e9f3;margin-bottom:24px}.page-tabs button{background:none;border:0;display:flex;align-items:center;gap:8px;padding:5px 2px 15px;font-size:12px;color:#97a1b5;border-bottom:2px solid transparent}.page-tabs button.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:500}.module-filters{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.module-filters button{background:#fff;border:1px solid #e8edf5;border-radius:7px;padding:9px 14px;display:flex;align-items:center;gap:8px;color:#8996ad;font-size:11px}.module-filters button.active{color:#526bd0;border-color:#d6dff7;background:#edf1ff}.filter-dot{width:6px;height:6px;border-radius:50%;background:var(--tone)}.library-panel{padding:0 23px}.filter-toolbar{padding:21px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:8px;color:#9aa6bc;background:#f9fafd;border:1px solid #e8edf5;border-radius:7px;padding:0 11px;max-width:100%;min-width:235px}.search-field input{height:37px;width:160px;flex:1;border:0;font-size:11px;padding:0;background:none}.search-field input:focus{box-shadow:none}.search-field .text-button{font-size:10px}.filter-selects{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-selects select{height:36px;max-width:160px;font-size:11px;color:#8390a5}.checkbox-row{display:inline-flex;flex-direction:row;align-items:center;gap:7px;font-weight:400;color:#8d9ab1;white-space:nowrap}.list-summary{display:flex;justify-content:space-between;padding:19px 0 10px;font-size:10px;color:#8d9ab1}.list-summary strong{color:#6576aa;font-weight:500}.question-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid #edf0f6}.question-row:last-child{border:0}.question-main{min-width:0;flex:1}.question-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:11px}.question-main .title-button{font-size:14px}.question-main>p{font-size:11px;color:#a0aabc;margin-top:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}.question-meta{display:flex;gap:14px;flex-wrap:wrap;color:#a8b2c1;font-size:9px;margin-top:15px}.question-actions{display:flex;align-items:center;gap:7px}.question-actions .button{margin-left:5px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:15px 0 25px}.knowledge-card{border:1px solid #e9edf4;border-radius:9px;padding:20px;display:flex;flex-direction:column}.knowledge-card .title-button{margin-top:18px;font-size:15px}.knowledge-card>p{font-size:11px;color:#9aa6ba;line-height:1.9;margin:10px 0 22px;min-height:40px;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.knowledge-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid #f0f3f8;padding-top:12px;gap:8px}.knowledge-card-bottom>span{font-size:9px;color:#a5b0c2}.knowledge-card-bottom .inline-actions{gap:5px}.knowledge-card-bottom .text-button{font-size:11px;margin-left:5px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:20px 0}.pagination>span{font-size:11px;color:#9da9ba;margin-right:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2e4f65;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#fff;border:1px solid #e8edf6;border-radius:14px;width:720px;max-width:100%;box-shadow:0 25px 100px #1c315a26;overflow:hidden}.modal-header{padding:23px 27px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.modal-header h2{font-size:19px;margin-top:4px}.modal>form{display:flex;flex-direction:column;min-height:0}.modal-body{padding:25px 27px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.modal-footer{padding:17px 27px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#fcfdff;flex-shrink:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tag-field{border:1px solid #e7ecf5;border-radius:8px;padding:10px 12px 13px}.tag-field legend{font-size:11px;color:#8594ad;padding:0 6px}.check-tag{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-size:11px;font-weight:400;margin:4px 13px 4px 0;color:#7e8da8}.check-tag input{width:14px;height:14px}.md-editor{border:1px solid #e1e7f1;border-radius:8px;overflow:hidden;background:#fff}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid #eaf0f7;background:#f9faff}.editor-toolbar>span{font-size:11px;color:#7c8ba7}.editor-toolbar small{font-size:9px;margin-left:6px;color:#b1bbcc}.editor-toolbar .inline-actions{gap:3px}.md-editor>textarea{display:block;border:0;border-radius:0;font-size:12px;min-height:100px}.md-editor>textarea:focus{box-shadow:none}.editor-preview{padding:14px;min-height:140px;max-height:400px;overflow-y:auto}.editor-hint{font-size:11px;color:#7e8caa;padding:8px 14px}.option-edit{display:flex;gap:10px;align-items:center;margin-top:-7px}.option-edit>input{flex:1;font-size:12px}.answer-radio{display:flex;flex-direction:row;align-items:center;gap:8px;color:#7a8aab;min-width:48px}.reading-modal{width:820px}.reading-modal .modal-body{padding:28px 32px}.reading-modal .modal-header h2{margin-top:10px;font-size:21px}.category-modal{width:560px}.category-list{display:flex;flex-direction:column;gap:3px}.category-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eff2f7;padding:10px 0;font-size:12px}.category-list small{display:inline-block;font-size:10px;color:#9ba8c0;margin-right:15px}.related-questions{margin-top:35px;border-top:1px solid var(--border);padding-top:20px}.related-questions h3{margin-bottom:13px}.related-questions a{display:flex;justify-content:space-between;color:#7184bb;padding:11px 0;font-size:12px;border-bottom:1px solid #eff2f7}.markdown{font-size:13px;line-height:1.95;color:#62718c;overflow-wrap:anywhere}.markdown p{margin:0 0 12px}.markdown p:last-child{margin-bottom:0}.markdown h1{font-size:25px;line-height:1.6;margin:22px 0 12px}.markdown h2{font-size:20px;margin:20px 0 12px}.markdown h3{font-size:16px;margin:17px 0 9px}.markdown h1:first-child,.markdown h2:first-child,.markdown h3:first-child{margin-top:0}.markdown a{color:#5e77c4;text-decoration:underline}.markdown img{max-width:100%;height:auto;display:block;margin:15px 0;border-radius:5px}.markdown pre{background:#f4f6fb;padding:14px;border-radius:7px;overflow-x:auto}.markdown code{font-size:.95em;background:#f4f6fb;border-radius:3px;padding:2px 4px}.markdown pre code{padding:0}.markdown blockquote{border-left:3px solid #b5c4eb;margin:15px 0;padding:8px 18px;background:#f6f8fd}.markdown table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;margin:15px 0}.markdown td,.markdown th{border:1px solid #e0e6f1;padding:9px 12px;min-width:65px}.markdown th{background:#f5f7fb}.markdown .katex-display{overflow-x:auto;overflow-y:hidden;padding:5px 0}.markdown .katex{font-size:1.12em}.markdown ul,.markdown ol{padding-left:23px}.practice-mode{display:flex;align-items:center;gap:7px;font-size:11px;color:#8999b7}.live-dot{width:6px;height:6px;border-radius:50%;background:#80ae9f}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:23px;align-items:start}.practice-main{display:flex;flex-direction:column;gap:22px}.question-panel{padding:25px 28px}.question-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.question-panel-header .question-tags{margin:0}.practice-question-title{font-size:18px;margin-bottom:17px;line-height:1.9}.question-stem{font-size:14px;margin-bottom:28px;line-height:2}.material-block{background:#f7f9fe;border:1px solid #e6ecf7;border-radius:8px;padding:20px;margin-bottom:26px}.material-block .eyebrow{font-size:10px;letter-spacing:.3px;margin-bottom:15px}.material-block .markdown{font-size:12px}.material-block h3{margin-bottom:13px}.answer-options{display:flex;flex-direction:column;gap:12px}.answer-option{border:1px solid #e5eaf3;border-radius:8px;display:flex;align-items:flex-start;gap:13px;padding:14px 16px;text-align:left;background:#fff;transition:border-color .15s,background .15s;min-height:55px}.answer-option .markdown{flex:1;font-size:12px}.answer-option .option-letter{width:25px;height:25px;background:#f2f5fa;color:#8795b0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.answer-option:hover:not(:disabled),.answer-option.selected{border-color:#a6b7ee;background:#f4f7ff}.answer-option.selected .option-letter{background:#6782dc;color:#fff}.answer-option:disabled{opacity:1;cursor:default}.answer-option.correct,.history-option.correct{background:#f1faf5;border-color:#b5dace;color:#5b9f84}.answer-option.correct .option-letter{background:#7db59f;color:#fff}.answer-option.incorrect,.history-option.incorrect{background:#fff6f2;border-color:#edc9bb;color:#c48f72}.answer-option.incorrect .option-letter{background:#d6a68e;color:#fff}.answer-option>svg{margin-top:2px}.question-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #eef1f7;margin-top:25px;padding-top:20px}.practice-aside{display:flex;flex-direction:column;gap:20px;position:sticky;top:25px}.practice-summary,.related-panel{padding:23px}.practice-summary .eyebrow{font-size:10px;letter-spacing:1px}.practice-timer{display:flex;align-items:center;gap:11px;color:#9aabd2;margin-top:17px}.practice-timer strong{font-size:34px;font-weight:500;font-family:Consolas,monospace;color:#566a98;letter-spacing:1px}.practice-summary>p{font-size:9px;color:#a7b1c4;margin-top:7px}.summary-divider{border-top:1px dashed #e8edf6;margin:22px 0}.practice-summary .section-line{font-size:10px;color:#9eabc2;margin-bottom:10px}.practice-summary .section-line strong{color:#7b8db7;font-weight:500}.practice-summary .text-button{margin-top:20px;font-size:10px}.related-panel h3{margin:16px 0 10px;font-size:13px}.related-panel>p{font-size:10px;line-height:1.9;margin:10px 0}.related-link{display:flex;align-items:center;gap:7px;color:#7b91c5;font-size:10px;border-top:1px solid #edf0f7;padding:13px 0}.related-link>span{flex:1}.explanation-panel{padding:25px 28px}.explanation-panel>h3{margin:22px 0 15px}.explanation-panel>.text-button{margin-top:25px}.result-banner{display:flex;align-items:center;gap:14px;padding:18px;border-radius:8px}.result-banner.success{background:#eef8f3;color:#6a9e86}.result-banner.incorrect{background:#fff7ed;color:#bb9a6b}.result-banner h3{font-size:14px;color:inherit}.result-banner p{font-size:10px;margin-top:5px}.result-banner p span{margin-left:15px}.result-banner p strong{margin-left:5px}.practice-notes{padding:23px 28px}.practice-notes textarea{font-size:12px}.note-actions{display:flex;justify-content:flex-end;margin-top:12px}.record-filters{padding:20px 23px;display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:23px}.record-filters label{font-size:10px;color:#92a0b8}.record-filters input,.record-filters select{height:36px;font-size:11px}.record-filters>.muted{margin-left:auto;padding-bottom:10px;font-size:9px}.record-filters>.text-button{padding-bottom:10px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.records-panel{padding:25px 28px}.record-timeline{padding:15px 0}.timeline-day{padding-left:24px;border-left:1px solid #e7ecf6;margin-left:9px;position:relative;padding-bottom:25px}.timeline-day>h3{display:flex;align-items:center;gap:10px;font-size:13px;position:relative;margin-bottom:23px;color:#7483a1}.timeline-day>h3 small{font-size:10px;color:#a1acc0;font-weight:400}.timeline-date-dot{position:absolute;width:9px;height:9px;border:2px solid #a8b7e1;border-radius:50%;background:#fff;left:-29px}.timeline-day>h3 .badge{margin-left:auto}.record-entry{display:flex;gap:13px;margin-bottom:23px;padding-bottom:22px;border-bottom:1px solid #f0f2f7}.record-entry:last-child{border-bottom:0;margin-bottom:0}.record-entry-content{flex:1;min-width:0}.record-entry-content .section-line>strong,.record-entry-content .title-button{font-size:12px;font-weight:500}.record-entry time{color:#aeb6c7;font-size:9px;white-space:nowrap}.record-entry-tags{display:flex;gap:8px;align-items:center;margin-top:9px;margin-bottom:8px}.record-entry .badge{font-size:9px}.record-content{font-size:11px;color:#8d9bb5;line-height:1.8;background:#fafbfe;border-radius:6px;padding:9px 12px;margin:10px 0}.record-entry-content>.text-button{font-size:10px}.history-option{border:1px solid #e7edf5;border-radius:7px;display:flex;align-items:center;gap:10px;padding:12px}.history-option>.markdown{flex:1}.history-option>strong{font-size:12px;font-weight:500}.settings-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:23px;align-items:start}.settings-panel{padding:25px}.settings-title{display:flex;align-items:center;gap:13px;padding-bottom:23px;border-bottom:1px solid #edf1f7;margin-bottom:24px}.settings-title h2{font-size:15px}.settings-title p{font-size:10px;color:#a1acc0;margin-top:3px}.settings-panel .stack{gap:17px}.settings-panel label{font-size:11px;color:#8392ad}.settings-panel small{font-size:10px}.backup-option{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #eef1f7}.backup-option:first-of-type{padding-top:0}.backup-option>div{flex:1}.backup-option h3{font-size:12px;color:#71809c}.backup-option p{font-size:10px;color:#9aa7bd;margin-top:5px}.backup-option .button{font-size:10px;padding:8px 12px;min-height:34px}.settings-panel>.notice{margin-top:22px;font-size:9px}.storage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:23px}.storage-stats span{display:block;font-size:10px;color:#9eabc1;margin-bottom:9px}.storage-stats strong{font-size:21px;font-weight:500;color:#6e7fa5}.storage-stats small{font-size:10px;color:#a0aec7}.saved-backups{margin-top:20px}.saved-backups h3{font-size:11px;color:#91a0b9;margin-bottom:10px}.saved-backups a{display:flex;align-items:center;gap:7px;font-size:9px;color:#879bc7;margin-top:9px}.saved-backups a span{overflow-wrap:anywhere}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:linear-gradient(135deg,#3d56b8,#5a76d3);padding:55px 65px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff16;border-radius:50%;bottom:-230px;right:-260px;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff04}.brand.light{color:#fff;padding:0}.brand.light .brand-icon{background:#ffffff20;box-shadow:none}.brand.light .brand-dot{color:#b9c8ff}.login-story h1{font-size:40px;letter-spacing:3px;line-height:1.65;margin:20px 0 22px;font-weight:500}.login-story .eyebrow{font-size:10px;color:#bbc9f7;letter-spacing:2.5px}.login-story p{font-size:12px;color:#bfccf5;line-height:2.2}.login-story>small{font-size:10px;letter-spacing:2px;color:#b2c0ed}.login-subjects{display:flex;gap:10px;margin-top:35px;flex-wrap:wrap}.login-subjects span{font-size:10px;padding:6px 10px;border:1px solid #ffffff25;border-radius:4px;color:#d1dbfa}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:60px 40px}.login-form{max-width:350px;width:100%;display:flex;flex-direction:column;gap:22px}.login-lock{display:flex;align-items:center;justify-content:center;width:55px;height:55px;background:#eef2ff;border-radius:13px;color:#7890d8}.login-form h2{font-size:24px;color:#3e507b;margin-top:5px}.login-form>p{font-size:12px;margin-top:-12px}.login-form label{font-size:11px;color:#7c8daa}.login-form input{height:46px}.login-form .button{justify-content:space-between;margin-top:5px;padding:13px 17px}.login-form>small{font-size:9px;text-align:center;margin-top:5px}@media (min-width:1600px){.hero-card{min-height:275px}.hero-art{right:90px}.hero-copy h2{font-size:30px}.hero-copy>p{font-size:12px}.stat-card p{font-size:10px}.module-card>p{font-size:11px}.module-counts{font-size:11px}.module-progress{font-size:10px}.activity-row strong{font-size:13px}.activity-row p{font-size:10px}.page-heading p{font-size:12px}}@media (max-width:1200px){.sidebar{width:195px;padding-left:14px;padding-right:14px}.main-wrap{margin-left:195px;width:calc(100% - 195px)}.page-content{padding:26px}.topbar{padding:0 26px}.hero-art{right:-20px;opacity:.85;transform:scale(.88);transform-origin:right center}.hero-copy h2{font-size:25px}.stat-card{padding:17px 12px;gap:10px}.stat-card .stat-icon{width:33px;height:33px}.stat-card p{font-size:8px;white-space:normal}.stats-grid{gap:11px}.module-grid{gap:12px}.module-card{padding:17px 15px}.module-counts{gap:8px;font-size:8px}.module-card>p{font-size:8px;white-space:normal}.section-note{display:none}.practice-layout{grid-template-columns:minmax(0,1fr) 205px}.practice-summary,.related-panel{padding:18px}.settings-layout{grid-template-columns:1fr 1.2fr}.page-heading>.inline-actions .button{padding:9px 11px;font-size:11px}.topbar-date{display:none}.login-story{padding:45px}.login-story h1{font-size:33px}}@media (max-width:980px){.hero-art{right:-40px;opacity:.55;transform:scale(.78)}.hero-copy>p{max-width:300px}.stats-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card>p{font-size:10px}.module-counts{font-size:10px}.module-progress{font-size:9px}.dashboard-bottom{grid-template-columns:1.3fr 1fr;gap:15px}.dashboard-bottom>.panel{padding:20px 17px}.activity-row{gap:9px}.activity-row strong{font-size:10px}.getting-started p,.getting-started .text-button{font-size:9px}.review-strip{padding:17px}.review-strip p{font-size:9px}.knowledge-grid{grid-template-columns:1fr}.question-row{flex-wrap:wrap;gap:15px}.question-actions{margin-left:auto}.practice-layout{grid-template-columns:1fr}.practice-aside{position:static;display:grid;grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.settings-panel{padding:23px}.stats-grid.three{gap:10px}.stats-grid.three .stat-card{flex-direction:column}.page-heading{align-items:flex-start}.page-heading .inline-actions{flex-direction:column;align-items:stretch}.question-panel{padding:23px}.login-story{padding:35px}.login-story h1{font-size:29px}.login-form-wrap{padding:40px 28px}.login-form h2{font-size:20px}}@media (max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:235px;padding:28px 20px 0}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#26375565;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:29}.main-wrap{margin-left:0;width:100%}.mobile-toggle{display:inline-flex}.topbar{height:61px;padding:0 20px}.topbar-right{gap:13px}.global-search input{width:86px}.page-content{padding:24px 20px 30px}.breadcrumb{gap:7px}.page-heading h1{font-size:26px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:10px}.hero-card{padding:25px;min-height:253px}.hero-copy h2{font-size:25px}.hero-art{right:-20px;opacity:.7;transform:scale(.78)}.hero-copy>p{max-width:260px}.hero-actions{gap:16px}.hero-link{font-size:9px}.page-footer{padding:0 20px 20px;font-size:8px}.stats-grid{gap:12px}.stat-card{padding:17px;gap:12px}.stat-card strong{font-size:26px}.stat-card p{font-size:8px}.module-card{padding:20px}.dashboard-bottom{grid-template-columns:1.4fr 1fr}.review-strip strong{font-size:10px}.review-strip .stat-icon{width:33px;height:33px}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh;padding:35px}.login-form{max-width:380px}.modal-backdrop{padding:14px}.modal{max-height:calc(100dvh - 28px);border-radius:12px}.modal-header{padding:19px 21px}.modal-body,.reading-modal .modal-body{padding:21px}.modal-footer{padding:15px 21px}.editor-modal{width:100%}.page-heading .inline-actions{flex-direction:row;gap:7px}.page-heading .inline-actions .button{font-size:10px;padding:8px}.page-heading .inline-actions .button.secondary{display:none}.record-filters{gap:14px}.record-filters>.muted{display:none}.record-filters label:first-child{flex:1}.records-panel{padding:22px}.record-entry-content .section-line{align-items:flex-start}.record-entry time{font-size:8px}.record-entry .inline-actions{gap:3px}}@media (max-width:510px){.page-content{padding:21px 16px 28px}.topbar{padding:0 14px}.breadcrumb-parent{display:none}.global-search input{width:82px}.global-search{gap:4px}.global-search kbd{display:none}.topbar-right{gap:10px}.page-heading{margin-bottom:21px;gap:13px}.page-heading h1{font-size:25px}.page-heading>.button{font-size:10px;padding:8px 11px;min-height:35px;margin-top:17px}.page-heading p{line-height:1.8;font-size:9px;max-width:240px}.hero-card{min-height:270px;padding:24px 22px}.hero-copy h2{font-size:24px}.hero-copy>p{font-size:9px;max-width:205px;line-height:2}.hero-label{font-size:8px}.hero-actions{margin-top:23px;gap:14px}.hero-actions .button{font-size:10px;min-height:36px;padding:9px 12px}.hero-link{font-size:8px}.hero-art{opacity:.3;right:-65px;top:15px;transform:scale(.68)}.floating-note{display:none}.hero-copy{width:100%}.stats-grid{gap:10px;margin-bottom:25px}.stat-card{padding:15px 12px;gap:9px}.stat-card .stat-icon{width:30px;height:30px;border-radius:8px}.stat-card .stat-icon svg{width:16px}.stat-card .stat-label{font-size:9px}.stat-card strong{font-size:23px}.stat-card strong small{font-size:8px;margin-left:4px}.stat-card p{font-size:7px;margin-top:6px;line-height:1.8}.module-grid{gap:11px}.module-card{padding:16px}.module-card h3{font-size:14px}.module-card>p{font-size:8px;line-height:1.9;min-height:30px}.module-top{margin-bottom:15px}.module-icon{width:34px;height:34px;font-size:17px;border-radius:8px}.module-counts{font-size:8px;gap:10px;margin:14px 0}.module-counts strong{font-size:10px}.module-progress{font-size:8px}.section-heading h2{font-size:14px}.section-heading .text-button{font-size:10px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-bottom>.panel{padding:21px}.activity-row strong{font-size:11px}.activity-row p,.getting-started p{font-size:9px}.weekly-panel{min-height:260px}.week-chart{height:110px}.review-strip{padding:15px 14px;gap:10px;flex-wrap:wrap}.review-strip .button{margin-left:auto;font-size:9px;padding:7px 10px}.review-strip p{font-size:8px}.review-strip strong{font-size:10px}.review-strip>div{min-width:180px}.review-strip>.stat-icon{display:none}.page-footer{font-size:7px;padding:0 16px 20px}.module-filters{gap:7px;margin-bottom:17px}.module-filters button{font-size:9px;padding:8px 10px;gap:5px}.module-filters .filter-dot{width:5px;height:5px}.page-tabs{margin-bottom:19px}.page-tabs button{font-size:11px}.library-panel{padding:0 16px}.filter-toolbar{gap:12px;padding:16px 0}.search-field{width:100%;min-width:0}.search-field input{width:100%;font-size:10px}.filter-selects{gap:8px}.filter-selects select{font-size:10px;max-width:118px;padding:0 8px}.filter-selects .checkbox-row{font-size:10px}.list-summary{font-size:9px;padding:16px 0 5px}.list-summary .small{font-size:8px;max-width:150px}.question-row{padding:20px 0}.question-tags{gap:6px}.question-tags .badge{font-size:8px}.question-main .title-button{font-size:13px}.question-main>p{font-size:10px}.question-meta{font-size:8px;gap:10px}.question-actions{gap:5px}.question-actions .icon-button{min-width:26px}.question-actions .button{font-size:10px}.knowledge-grid{gap:13px}.knowledge-card{padding:16px}.knowledge-card .title-button{font-size:14px}.knowledge-card>p{font-size:10px}.knowledge-card-bottom>span{font-size:8px}.practice-mode{font-size:9px;margin-top:20px;white-space:nowrap}.practice-layout{gap:16px}.question-panel{padding:19px 17px}.practice-question-title{font-size:16px}.question-stem{font-size:12px;line-height:2}.material-block{padding:15px}.material-block .markdown{font-size:11px}.answer-option{padding:12px;gap:10px}.answer-option .markdown{font-size:11px}.answer-option .option-letter{width:23px;height:23px;font-size:11px}.question-panel-footer .small{font-size:9px}.question-panel-footer .button{font-size:10px;padding:9px 12px}.explanation-panel,.practice-notes{padding:20px 17px}.result-banner{padding:15px 12px;gap:10px}.result-banner h3{font-size:12px}.result-banner p{font-size:9px}.result-banner p span{margin-left:9px}.practice-aside{grid-template-columns:1fr}.related-panel{display:none}.practice-summary{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.practice-summary .summary-divider{display:none}.practice-summary .practice-timer{margin:0;justify-content:flex-end}.practice-timer strong{font-size:26px}.practice-summary>p{font-size:8px}.practice-summary .section-line{margin:0}.practice-summary .text-button{margin:0;font-size:9px}.practice-summary .progress-line{grid-column:1 / -1}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stats-grid.three .stat-card{padding:13px 10px;gap:10px}.stats-grid.three .stat-card strong{font-size:20px}.stats-grid.three .stat-card strong small,.stats-grid.three .stat-card p{font-size:7px}.record-filters{padding:16px;gap:12px}.record-filters label{font-size:9px}.record-filters input,.record-filters select{font-size:10px;min-width:0;width:100%}.record-filters label{flex:1;min-width:calc(50% - 12px)}.records-panel{padding:20px 16px}.timeline-day{padding-left:16px}.timeline-date-dot{left:-21px}.timeline-day>h3{font-size:11px;gap:8px}.timeline-day>h3 small{font-size:8px}.timeline-day .badge{font-size:8px}.record-entry{gap:10px}.record-entry>.activity-icon{width:29px;height:29px}.record-entry>.activity-icon svg{width:14px}.record-entry-content .title-button,.record-entry-content .section-line>strong{font-size:11px}.record-entry .section-line{gap:8px}.record-entry time{display:none}.record-entry .small{font-size:8px}.record-content{font-size:10px;padding:8px}.record-entry-content>.text-button{font-size:9px}.settings-panel{padding:20px}.settings-title h2{font-size:14px}.backup-option{align-items:flex-start;gap:11px}.backup-option p{font-size:9px}.backup-option .button{font-size:9px;padding:7px 10px}.storage-stats strong{font-size:18px}.storage-stats span{font-size:9px}.settings-panel>.muted{font-size:9px}.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px);border-radius:10px}.modal-header{padding:17px}.modal-header h2{font-size:17px}.modal-body,.reading-modal .modal-body{padding:18px}.modal-footer{padding:14px 17px}.form-grid{gap:12px}.stack{gap:17px}.modal label{font-size:11px}.modal input,.modal select{font-size:11px;height:38px}.modal input[type=checkbox],.modal input[type=radio]{height:15px;width:15px}.modal .check-tag{font-size:10px}.md-editor textarea{font-size:11px}.editor-toolbar{padding:5px 8px}.editor-toolbar>span{font-size:10px}.editor-toolbar small{font-size:8px}.modal .button{font-size:11px;padding:8px 12px}.modal .markdown{font-size:12px}.history-option{flex-wrap:wrap;padding:10px}.history-option .badge{font-size:9px}.history-option>.markdown{min-width:60%}.journal-modal .form-grid{grid-template-columns:1fr 1fr}.option-edit{gap:7px}.answer-radio{gap:5px;min-width:39px}.category-list>div{font-size:11px}.category-list small{font-size:9px;margin-right:10px}}.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar>*{flex-shrink:0}@media (max-height:850px){.sidebar-quote{display:none}.sidebar-section-label{margin-top:24px;margin-bottom:12px}.profile{padding-top:16px;padding-bottom:16px}}@media (min-width:761px){.page-heading p{font-size:12px}.stat-card .stat-label{font-size:11px}.stat-card p{font-size:10px;white-space:normal}.module-card>p{font-size:10px}.module-counts{font-size:10px}.module-progress{font-size:9px}.hero-copy>p{font-size:11px}.activity-row strong{font-size:12px}.activity-row p{font-size:10px}.getting-started p{font-size:11px}.question-main>p{font-size:12px}.knowledge-card>p{font-size:12px}}@media (max-width:760px){.page-heading .inline-actions .button.secondary{display:inline-flex}.page-heading>div:first-child{min-width:0}.page-heading .inline-actions{flex-shrink:0}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}