@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_28ca9d6-module__z3veXq__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_28ca9d6-module__z3veXq__variable{--font-display-next:"Manrope", "Manrope Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_9e1810cf-module__0ca1AG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_9e1810cf-module__0ca1AG__variable{--font-body-next:"Inter", "Inter Fallback"}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul[role=list],ol[role=list]{list-style:none}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.2}p{overflow-wrap:break-word}table{border-collapse:collapse}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary,#5d6f5a);outline-offset:2px;border-radius:4px}::selection{background:var(--color-primary-soft,#dfe7dc);color:var(--color-text,#243028)}
:root{--color-primary:#5d6f5a;--color-primary-dark:#3f5140;--color-primary-soft:#dfe7dc;--color-secondary:#c98e6b;--color-secondary-soft:#f3e3d8;--color-accent:#d9b65d;--color-accent-soft:#f5ecd4;--color-teal:#5d8f8a;--color-teal-soft:#dcebe9;--color-bg:#f7f5f0;--color-surface:#fff;--color-surface-soft:#eef1ea;--color-surface-warm:#f9f4ee;--color-text:#243028;--color-text-muted:#667168;--color-text-soft:#8b948c;--color-text-inverse:#f7f5f0;--color-border:#dde2db;--color-border-soft:#e9ece6;--color-success:#4e8b62;--color-success-soft:#e2efe6;--color-warning:#c78a36;--color-warning-soft:#f7ecd9;--color-danger:#b95c55;--color-danger-soft:#f6e3e1;--color-info:#507e9a;--color-info-soft:#e0ebf1;--grad-floral:linear-gradient(135deg, #8ba187 0%, #c9b8d8 100%);--grad-aroma:linear-gradient(135deg, #c98e6b 0%, #e8c8a8 100%);--grad-reiki:linear-gradient(135deg, #5d8f8a 0%, #a8cfc4 100%);--grad-sono:linear-gradient(135deg, #6b7fa3 0%, #b8a8d0 100%);--grad-auto:linear-gradient(135deg, #d9b65d 0%, #e8d8a8 100%);--grad-etica:linear-gradient(135deg, #3f5140 0%, #7d9478 100%);--grad-resp:linear-gradient(135deg, #9a8bb5 0%, #c5b8d8 100%);--grad-brand:linear-gradient(135deg, #5d6f5a 0%, #5d8f8a 55%, #c98e6b 120%);--font-display:"Manrope", "Segoe UI", -apple-system, system-ui, sans-serif;--font-body:"Inter", "Segoe UI", -apple-system, system-ui, sans-serif;--font-serif:"Georgia", "Times New Roman", serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.375rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--shadow-soft:0 8px 30px #25302814;--shadow-card:0 2px 12px #2530280d;--shadow-lift:0 12px 34px #2530281f;--shadow-modal:0 24px 70px #25302838;--sidebar-width:248px;--sidebar-collapsed:76px;--topbar-height:68px;--bottomnav-height:62px;--content-max:1240px;--reading-max:760px;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-base:.24s;--dur-slow:.35s;--dur-celebrate:1.1s;--z-topbar:40;--z-sidebar:50;--z-dropdown:60;--z-drawer:70;--z-modal:80;--z-toast:90;--z-celebration:95}
html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.015em}h1{font-size:var(--text-2xl);font-weight:var(--weight-extrabold)}h2{font-size:var(--text-xl);font-weight:var(--weight-bold)}h3{font-size:var(--text-lg);font-weight:var(--weight-bold)}h4{font-size:var(--text-md);font-weight:var(--weight-semibold)}small{font-size:var(--text-sm)}.text-muted{color:var(--color-text-muted)}.text-soft{color:var(--color-text-soft)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-center{text-align:center}.nowrap{white-space:nowrap}.icon{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.icon--sm{width:16px;height:16px}.icon--lg{width:24px;height:24px}.icon--xl{width:32px;height:32px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1.5px solid #0000;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 6px 18px #3f514047}.btn--secondary{background:var(--color-secondary);color:#fff}.btn--secondary:hover:not(:disabled){background:#b47a58;box-shadow:0 6px 18px #c98e6b52}.btn--ghost{color:var(--color-primary-dark);border-color:var(--color-border);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft)}.btn--soft{background:var(--color-surface-soft);color:var(--color-primary-dark)}.btn--soft:hover:not(:disabled){background:var(--color-primary-soft)}.btn--danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{min-height:52px;padding:0 var(--space-6);font-size:var(--text-md)}.btn--block{width:100%}.btn--icon{border-radius:var(--radius-full);min-width:44px;min-height:44px;color:var(--color-text-muted);padding:0}.btn--icon:hover:not(:disabled){background:var(--color-surface-soft);color:var(--color-text)}.btn--icon.is-active{background:var(--color-primary-soft);color:var(--color-primary-dark)}.btn .btn__spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.field{margin-bottom:var(--space-4)}.field__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);display:block}.field__hint{font-size:var(--text-xs);color:var(--color-text-soft);margin-top:var(--space-1)}.field__error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1);align-items:center;gap:6px;display:flex}.input,.select,.textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:46px;font-size:var(--text-base);color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:10px 14px}.textarea{resize:vertical;min-height:110px;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--color-text-soft)}.input:hover,.select:hover,.textarea:hover{border-color:#c9d0c7}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #5d6f5a24}.input.is-invalid,.textarea.is-invalid{border-color:var(--color-danger);box-shadow:0 0 0 4px #b95c551f}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667168' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:38px}.input-wrap{position:relative}.input-wrap .icon{color:var(--color-text-soft);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap .input{padding-left:42px}.input-wrap__action{border-radius:var(--radius-full);min-width:36px;min-height:36px;color:var(--color-text-soft);place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-wrap__action:hover{background:var(--color-surface-soft);color:var(--color-text)}.checkbox{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:10px;min-height:24px;display:inline-flex}.checkbox input{appearance:none;border:1.5px solid var(--color-border);background:var(--color-surface);width:20px;height:20px;transition:all var(--dur-fast) var(--ease-out);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.checkbox input:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input:checked:before{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.switch{flex-shrink:0;width:46px;height:26px;display:inline-flex;position:relative}.switch input{appearance:none;border-radius:var(--radius-full);background:var(--color-border);width:100%;height:100%;transition:background var(--dur-base) var(--ease-out);cursor:pointer}.switch input:before{content:"";width:20px;height:20px;transition:transform var(--dur-base) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.switch input:checked{background:var(--color-primary)}.switch input:checked:before{transform:translate(20px)}.badge{border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;line-height:1.6;display:inline-flex}.badge .icon{width:13px;height:13px}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary-dark)}.badge--secondary{background:var(--color-secondary-soft);color:#9a6543}.badge--accent{background:var(--color-accent-soft);color:#8f7325}.badge--teal{background:var(--color-teal-soft);color:#3d6a65}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.badge--neutral{background:var(--color-surface-soft);color:var(--color-text-muted)}.badge--solid{background:var(--color-primary);color:#fff}.role-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-bold);font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.role-badge--teacher{background:var(--color-primary);color:#fff}.role-badge--moderator{background:var(--color-info);color:#fff}.role-badge--admin{background:var(--color-text);color:#fff}.role-badge--author{background:var(--color-accent-soft);color:#8f7325}.chip{border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);min-height:36px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.chip .chip__count{border-radius:var(--radius-full);background:var(--color-surface-soft);color:var(--color-text-muted);padding:1px 7px;font-size:11px}.chip.is-active .chip__count{color:#fff;background:#ffffff38}.tag{border-radius:var(--radius-full);background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;padding:2px 10px;display:inline-flex}.avatar{background:var(--color-primary-soft);width:40px;height:40px;font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--color-primary-dark);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{width:30px;height:30px;font-size:11px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:56px;height:56px;font-size:19px}.avatar--xl{width:88px;height:88px;font-size:30px}.progress{border-radius:var(--radius-full);background:var(--color-surface-soft);width:100%;height:8px;overflow:hidden}.progress--sm{height:5px}.progress--lg{height:12px}.progress__bar{border-radius:var(--radius-full);background:var(--color-primary);height:100%;transition:width .6s var(--ease-out)}.progress__bar--secondary{background:var(--color-secondary)}.progress__bar--accent{background:var(--color-accent)}.progress__bar--teal{background:var(--color-teal)}.progress-ring{transform:rotate(-90deg)}.progress-ring__track{stroke:var(--color-surface-soft);fill:none}.progress-ring__bar{stroke:var(--color-primary);fill:none;stroke-linecap:round;transition:stroke-dashoffset .7s var(--ease-out)}.card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card--pad{padding:var(--space-5)}.card--hover{transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out)}.card--hover:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.card__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold)}.section-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-head h2{font-size:var(--text-lg)}.section-head__link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-dark);min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);align-items:center;gap:4px;display:inline-flex}.section-head__link:hover{background:var(--color-primary-soft)}.divider{border:none;border-top:1px solid var(--color-border-soft);margin:var(--space-5) 0}.stack-2>*+*{margin-top:var(--space-2)}.stack-3>*+*{margin-top:var(--space-3)}.stack-4>*+*{margin-top:var(--space-4)}.stack-5>*+*{margin-top:var(--space-5)}.row{align-items:center;gap:var(--space-3);display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-60px;left:var(--space-4);z-index:200;background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-md);font-weight:var(--weight-semibold);transition:top var(--dur-base) var(--ease-out);padding:12px 20px;position:absolute}.skip-link:focus{top:var(--space-3)}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.empty-state__icon{background:var(--color-surface-soft);width:72px;height:72px;color:var(--color-text-soft);margin-bottom:var(--space-2);border-radius:50%;place-items:center;display:grid}.empty-state__icon .icon{width:30px;height:30px}.empty-state h3{font-size:var(--text-md)}.empty-state p{color:var(--color-text-muted);font-size:var(--text-sm);max-width:380px}.empty-state .btn{margin-top:var(--space-3)}.empty-state--error .empty-state__icon{background:var(--color-danger-soft);color:var(--color-danger)}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:flex-start;line-height:1.55;display:flex}.alert .icon{margin-top:1px}.alert--info{background:var(--color-info-soft);color:#38607a}.alert--warning{background:var(--color-warning-soft);color:#8a5f22}.alert--success{background:var(--color-success-soft);color:#35664a}.alert--danger{background:var(--color-danger-soft);color:#8f4540}[data-tooltip]{position:relative}@media (hover:hover) and (pointer:fine){[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-text);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;z-index:var(--z-dropdown);animation:fade-in var(--dur-fast) var(--ease-out) both;padding:5px 10px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{display:block}.topbar [data-tooltip]:after{top:calc(100% + 8px);bottom:auto}}.scroll-slim::-webkit-scrollbar{width:6px;height:6px}.scroll-slim::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.scroll-slim::-webkit-scrollbar-track{background:0 0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 38% at 12% 8%,#5d6f5a17,#0000 70%),radial-gradient(40% 34% at 88% 4%,#c98e6b17,#0000 70%),radial-gradient(52% 46% at 84% 90%,#5d8f8a17,#0000 70%),radial-gradient(36% 30% at 6% 84%,#d9b65d14,#0000 70%);position:fixed;inset:0}
.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-soft);height:100vh;padding:var(--space-4) var(--space-3);z-index:var(--z-sidebar);transition:width var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar__brand{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-5);align-items:center;gap:10px;min-height:44px;display:flex}.sidebar__logo{background:var(--grad-brand);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.sidebar__logo .icon{width:22px;height:22px}.sidebar__name{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-extrabold);letter-spacing:-.01em;white-space:nowrap}.sidebar__name small{font-size:8.5px;font-weight:var(--weight-semibold);letter-spacing:.09em;text-transform:uppercase;white-space:normal;color:var(--color-text-soft);line-height:1.5;display:block}.sidebar__nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__section{font-size:10px;font-weight:var(--weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-soft);padding:var(--space-4) var(--space-3) var(--space-2);white-space:nowrap}.nav-item{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);white-space:nowrap;align-items:center;gap:12px;display:flex;position:relative}.nav-item:hover{background:var(--color-surface-soft);color:var(--color-text)}.nav-item.is-active{background:var(--color-primary-soft);color:var(--color-primary-dark)}.nav-item.is-active:before{content:"";background:var(--color-primary);border-radius:0 4px 4px 0;width:4px;height:22px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-item__badge{border-radius:var(--radius-full);background:var(--color-secondary);color:#fff;min-width:20px;height:20px;font-size:11px;font-weight:var(--weight-bold);place-items:center;margin-left:auto;padding:0 6px;display:grid}.sidebar__foot{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--color-surface-soft), var(--color-primary-soft))}.sidebar__foot h5{font-size:var(--text-sm);margin-bottom:4px}.sidebar__foot p{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.app-shell.sidebar-collapsed .sidebar__name,.app-shell.sidebar-collapsed .sidebar__section,.app-shell.sidebar-collapsed .nav-item span,.app-shell.sidebar-collapsed .nav-item__badge,.app-shell.sidebar-collapsed .sidebar__foot{display:none}.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding:0}.app-shell.sidebar-collapsed .sidebar__brand{padding:var(--space-2) 0;justify-content:center}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:var(--z-topbar);height:var(--topbar-height);align-items:center;gap:var(--space-4);padding:0 var(--space-6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border-soft);background:#f7f5f0db;display:flex;position:sticky;top:0}.topbar__menu-btn{display:none}.topbar__search{flex:1;max-width:460px;position:relative}.topbar__search .search-trigger{border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text-soft);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:0 14px;display:flex}.topbar__search .search-trigger:hover{border-color:var(--color-primary)}.topbar__search kbd{font-family:var(--font-body);border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text-soft);border-radius:6px;margin-left:auto;padding:2px 7px;font-size:11px}.topbar__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.streak-chip{border-radius:var(--radius-full);background:var(--color-secondary-soft);color:#9a6543;min-height:40px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.streak-chip .icon{color:var(--color-secondary)}.topbar__bell{background:var(--color-surface-soft);color:var(--color-text);position:relative}.topbar__bell:hover{background:var(--color-primary-soft);color:var(--color-primary-dark)}.topbar__bell .icon{stroke-width:2.2px;width:24px;height:24px;color:var(--color-primary-dark)}.topbar__bell .bell-dot{border:2px solid var(--color-surface);box-sizing:content-box;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:var(--weight-bold);border:2px solid var(--color-bg);place-items:center;padding:0 4px;display:grid;position:absolute;top:-3px;right:-3px}.topbar__profile{border-radius:var(--radius-full);min-height:44px;transition:background var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:4px 6px 4px 4px;display:flex}.topbar__profile:hover{background:var(--color-surface-soft)}.topbar__profile-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:left;line-height:1.2}.topbar__profile-name small{font-size:11px;font-weight:var(--weight-medium);color:var(--color-text-soft);display:block}.dropdown{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);min-width:260px;box-shadow:var(--shadow-lift);padding:var(--space-2);z-index:var(--z-dropdown);transform-origin:100% 0;position:absolute;top:calc(100% + 10px);right:0}.dropdown__item{width:100%;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);text-align:left;align-items:center;gap:12px;display:flex}.dropdown__item:hover{background:var(--color-surface-soft)}.dropdown__item .icon{color:var(--color-text-muted)}.dropdown__item--danger,.dropdown__item--danger .icon{color:var(--color-danger)}.dropdown__item--danger:hover{background:var(--color-danger-soft)}.dropdown hr{border:none;border-top:1px solid var(--color-border-soft);margin:var(--space-2) 0}.notif-dropdown{width:380px;max-width:calc(100vw - 32px);padding:0;overflow:hidden}.notif-dropdown__head{padding:var(--space-4);border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;display:flex}.notif-dropdown__list{max-height:380px;overflow-y:auto}.notif-dropdown__foot{padding:var(--space-3);border-top:1px solid var(--color-border-soft);text-align:center}.view{width:100%;max-width:var(--content-max);padding:var(--space-6);flex:1;margin:0 auto}.view--narrow{max-width:900px}.view--full{max-width:none;padding:var(--space-5) var(--space-6)}.view-head{margin-bottom:var(--space-6)}.view-head h1{margin-bottom:var(--space-1)}.view-head p{color:var(--color-text-muted)}.view-head__row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.breadcrumbs{font-size:var(--text-sm);color:var(--color-text-soft);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.breadcrumbs a{color:var(--color-text-muted);font-weight:var(--weight-medium);align-items:center;min-height:24px;display:inline-flex}.breadcrumbs a:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumbs .icon{width:14px;height:14px}.breadcrumbs__current{color:var(--color-text);font-weight:var(--weight-semibold)}.bottomnav{height:calc(var(--bottomnav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--color-border-soft);z-index:var(--z-topbar);background:#ffffffeb;display:none;position:fixed;bottom:0;left:0;right:0}.bottomnav__inner{height:var(--bottomnav-height);grid-template-columns:repeat(5,1fr);display:grid}.bottomnav__item{font-family:var(--font-display);font-size:10px;font-weight:var(--weight-semibold);color:var(--color-text-soft);flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.bottomnav__item.is-active{color:var(--color-primary-dark)}.bottomnav__item.is-active .icon{color:var(--color-primary)}.drawer-backdrop{z-index:calc(var(--z-drawer) - 1);opacity:0;transition:opacity var(--dur-base) var(--ease-out);background:#24302866;position:fixed;inset:0}.drawer-backdrop.is-open{opacity:1}.drawer{background:var(--color-surface);width:min(300px,84vw);z-index:var(--z-drawer);padding:var(--space-4);transition:transform var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer.is-open{transform:translate(0)}.drawer--right{width:min(400px,92vw);left:auto;right:0;transform:translate(100%)}.drawer--right.is-open{transform:translate(0)}.drawer__close{margin-bottom:var(--space-2);align-self:flex-end}.auth-layout{grid-template-columns:minmax(420px,520px) 1fr;min-height:100vh;display:grid}.auth-panel{padding:var(--space-8) var(--space-8);background:var(--color-surface);z-index:1;flex-direction:column;justify-content:center;display:flex;position:relative}.auth-panel__inner{width:100%;max-width:380px;margin:0 auto}.auth-brand{margin-bottom:var(--space-7);align-items:center;gap:10px;display:flex}.auth-side{background:var(--grad-brand);padding:var(--space-8);align-items:flex-end;display:flex;position:relative;overflow:hidden}.auth-side__content{z-index:2;color:#fff;max-width:480px;position:relative}.auth-side__quote{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-4);line-height:1.35}.auth-side__author{font-size:var(--text-sm);opacity:.9;align-items:center;gap:12px;display:flex}.blob{filter:blur(2px);opacity:.5;border-radius:46% 54% 60% 40%/45% 48% 52% 55%;animation:18s ease-in-out infinite alternate blob-float;position:absolute}.blob--1{background:#ffffff24;width:480px;height:480px;top:-120px;right:-80px}.blob--2{background:#d9b65d40;width:360px;height:360px;animation-duration:22s;animation-delay:-6s;bottom:-60px;left:-100px}.blob--3{background:#5d8f8a59;width:260px;height:260px;animation-duration:26s;animation-delay:-12s;top:30%;left:30%}.grid{gap:var(--space-4);display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-main-aside{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.layout-aside{top:calc(var(--topbar-height) + var(--space-4));gap:var(--space-4);flex-direction:column;display:flex;position:sticky}.lesson-layout>*,.layout-main-aside>*{min-width:0}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}
.hero-continue{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-soft);grid-template-columns:300px 1fr;display:grid;overflow:hidden}.hero-continue__media{min-height:210px;position:relative}.hero-continue__media .cover{position:absolute;inset:0}.hero-continue__play{place-items:center;display:grid;position:absolute;inset:0}.hero-continue__play .play-circle{width:64px;height:64px;color:var(--color-primary-dark);box-shadow:var(--shadow-lift);transition:transform var(--dur-base) var(--ease-spring);background:#ffffffeb;border-radius:50%;place-items:center;display:grid}.hero-continue:hover .play-circle{transform:scale(1.1)}.hero-continue__body{padding:var(--space-5) var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.hero-continue__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-continue__title{font-size:var(--text-xl);font-weight:var(--weight-extrabold)}.hero-continue__progress-row{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.hero-continue__progress-row .progress{flex:1}.hero-continue__actions{gap:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.stat-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);display:flex}.stat-card__icon{border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.stat-card__icon--primary{background:var(--color-primary-soft);color:var(--color-primary-dark)}.stat-card__icon--secondary{background:var(--color-secondary-soft);color:#9a6543}.stat-card__icon--accent{background:var(--color-accent-soft);color:#8f7325}.stat-card__icon--teal{background:var(--color-teal-soft);color:#3d6a65}.stat-card__value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-extrabold);line-height:1.1}.stat-card__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium)}.week-chart{height:120px;padding-top:var(--space-2);align-items:flex-end;gap:10px;display:flex}.week-chart__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.week-chart__bar{background:var(--color-primary-soft);width:100%;max-width:34px;transition:height .7s var(--ease-out);border-radius:8px 8px 4px 4px;min-height:4px;position:relative}.week-chart__bar.is-today{background:var(--color-primary)}.week-chart__bar:hover{background:var(--color-teal)}.week-chart__label{font-size:var(--text-xs);color:var(--color-text-soft);font-weight:var(--weight-medium)}.activity-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-soft);align-items:flex-start;display:flex}.activity-item:last-child{border-bottom:none}.activity-item__icon{background:var(--color-surface-soft);width:34px;height:34px;color:var(--color-text-muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.activity-item__icon .icon{width:16px;height:16px}.activity-item p{font-size:var(--text-sm);line-height:1.45}.activity-item time{font-size:var(--text-xs);color:var(--color-text-soft)}.activity-item__xp{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-success);white-space:nowrap;margin-left:auto}.event-item{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out);align-items:center;display:flex}.event-item:hover{background:var(--color-surface-soft)}.event-item__date{border-radius:var(--radius-md);background:var(--color-primary-soft);width:52px;height:56px;color:var(--color-primary-dark);font-family:var(--font-display);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-item__date strong{font-size:var(--text-lg);line-height:1}.event-item__date span{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:var(--weight-bold)}.cover{width:100%;height:100%;display:block;position:relative;overflow:hidden}.cover__art{object-fit:cover;width:100%;height:100%}.course-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.course-card__media{aspect-ratio:16/8.5;position:relative}.course-card__flags{z-index:2;gap:6px;display:flex;position:absolute;top:12px;left:12px}.course-card__lock{color:#fff;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#24302880;place-items:center;display:grid;position:absolute;inset:0}.course-card__body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.course-card__cat{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.course-card__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:1.3}.course-card__title a:after{content:"";z-index:1;position:absolute;inset:0}.course-card__teacher{font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:8px;display:flex}.course-card__meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-soft);flex-wrap:wrap;display:flex}.course-card__meta span{align-items:center;gap:4px;display:inline-flex}.course-card__foot{padding-top:var(--space-3);gap:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.course-card__progress-row{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.course-card__progress-row .progress{flex:1}.course-card .btn{z-index:2;position:relative}.course-card--list{flex-direction:row;align-items:stretch}.course-card--list .course-card__media{aspect-ratio:auto;flex-shrink:0;width:230px}.course-card--list .course-card__foot{flex-direction:row;justify-content:space-between;align-items:center}.course-card--list .course-card__progress-row{flex:1;max-width:320px}.toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.toolbar__tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar__spacer{flex:1}.toolbar .input-wrap{width:250px}.view-toggle{border:1.5px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;overflow:hidden}.view-toggle button{min-width:44px;min-height:40px;color:var(--color-text-soft);place-items:center;display:grid}.view-toggle button.is-active{background:var(--color-primary-soft);color:var(--color-primary-dark)}.course-hero{border-radius:var(--radius-xl);color:#fff;padding:var(--space-7) var(--space-6);gap:var(--space-4);isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:300px;display:flex;position:relative;overflow:hidden}.course-hero .cover{z-index:-2;position:absolute;inset:0}.course-hero:before{content:"";z-index:-1;background:linear-gradient(#2430281a 0%,#243028b8 100%);position:absolute;inset:0}.course-hero__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.course-hero h1{color:#fff;font-size:var(--text-3xl);max-width:700px}.course-hero__desc{opacity:.92;max-width:620px;font-size:var(--text-md)}.course-hero__meta{align-items:center;gap:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.course-hero__meta span{align-items:center;gap:6px;display:inline-flex}.course-hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.course-hero__progress{align-items:center;gap:var(--space-3);max-width:420px;font-size:var(--text-sm);display:flex}.course-hero__progress .progress{background:#ffffff40;flex:1}.course-hero__progress .progress__bar{background:var(--color-accent)}.subnav{gap:var(--space-2);border-bottom:1px solid var(--color-border);margin:var(--space-6) 0 var(--space-5);scrollbar-width:none;display:flex;overflow-x:auto}.subnav::-webkit-scrollbar{display:none}.subnav__item{padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);white-space:nowrap;border-bottom:2.5px solid #0000;align-items:center;gap:6px;min-height:44px;margin-bottom:-1px;display:inline-flex}.subnav__item:hover{color:var(--color-text)}.subnav__item.is-active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.outcomes{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.outcomes li{font-size:var(--text-sm);align-items:flex-start;gap:10px;line-height:1.5;list-style:none;display:flex}.outcomes .icon{color:var(--color-success);width:17px;height:17px;margin-top:2px}.module-acc{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.module-acc+.module-acc{margin-top:var(--space-3)}.module-acc__head{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-4);text-align:left;transition:background var(--dur-fast) var(--ease-out);display:flex}.module-acc__head:hover{background:var(--color-surface-warm)}.module-acc__num{background:var(--color-primary-soft);width:38px;height:38px;color:var(--color-primary-dark);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.module-acc.is-complete .module-acc__num{background:var(--color-success);color:#fff}.module-acc__info{flex:1;min-width:0}.module-acc__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-base)}.module-acc__meta{font-size:var(--text-xs);color:var(--color-text-soft);gap:var(--space-3);margin-top:2px;display:flex}.module-acc__progress{flex-shrink:0;width:90px}.module-acc__chevron{color:var(--color-text-soft);transition:transform var(--dur-base) var(--ease-out)}.module-acc.is-open .module-acc__chevron{transform:rotate(180deg)}.module-acc__body{transition:grid-template-rows var(--dur-slow) var(--ease-out);grid-template-rows:0fr;display:grid}.module-acc.is-open .module-acc__body{grid-template-rows:1fr}.module-acc__body-inner{overflow:hidden}.chapter-label{padding:var(--space-3) var(--space-4) var(--space-1) 68px;font-size:11px;font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-soft)}.lesson-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-4);border-top:1px solid var(--color-border-soft);transition:background var(--dur-fast) var(--ease-out);min-height:56px;display:flex;position:relative}a.lesson-row:hover{background:var(--color-surface-warm)}.lesson-row__status{border:2px solid var(--color-border);color:#0000;background:var(--color-surface);width:26px;height:26px;transition:all var(--dur-base) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;margin-left:24px;display:grid}.lesson-row.is-complete .lesson-row__status{background:var(--color-success);border-color:var(--color-success);color:#fff}.lesson-row.is-current .lesson-row__status{border-color:var(--color-primary);color:var(--color-primary)}.lesson-row.is-locked{opacity:.55}.lesson-row__status .icon{stroke-width:2.4px;width:13px;height:13px}.lesson-row__type{background:var(--color-surface-soft);width:34px;height:34px;color:var(--color-text-muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.lesson-row__type .icon{width:16px;height:16px}.lesson-row__info{flex:1;min-width:0}.lesson-row__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.35}.lesson-row.is-current .lesson-row__title{color:var(--color-primary-dark)}.lesson-row__sub{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-soft);margin-top:2px;display:flex}.lesson-row__sub span{align-items:center;gap:4px;display:inline-flex}.lesson-row__sub .icon{width:12px;height:12px}.lesson-row__duration{font-size:var(--text-xs);color:var(--color-text-soft);white-space:nowrap}.lesson-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.lesson-topbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.lesson-topbar .breadcrumbs{flex:1;margin-bottom:0}.lesson-topbar__progress{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);min-width:180px;display:flex}.lesson-topbar__progress .progress{width:110px}.player{border-radius:var(--radius-lg);aspect-ratio:16/9;color:#fff;isolation:isolate;-webkit-user-select:none;user-select:none;background:#1c241e;position:relative;overflow:hidden}.player.is-fullscreen{z-index:var(--z-modal);aspect-ratio:auto;border-radius:0;position:fixed;inset:0}.player__scene{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.player__scene .cover{opacity:.85;position:absolute;inset:0}.player__scene:after{content:"";background:radial-gradient(#0000 30%,#141c168c 100%);position:absolute;inset:0}.player__center-play{z-index:3;width:76px;height:76px;color:var(--color-primary-dark);box-shadow:var(--shadow-lift);transition:transform var(--dur-base) var(--ease-spring), opacity var(--dur-base) var(--ease-out);background:#fffffff0;border-radius:50%;place-items:center;display:grid;position:relative}.player__center-play:hover{transform:scale(1.08)}.player.is-playing .player__center-play{opacity:0;pointer-events:none}.player__caption{border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center;z-index:3;background:#141c16cc;max-width:80%;padding:6px 14px;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.player__controls{z-index:4;padding:var(--space-5) var(--space-4) var(--space-3);gap:var(--space-2);transition:opacity var(--dur-base) var(--ease-out);background:linear-gradient(#0000,#0f1611d9);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.player.is-playing:not(:hover):not(:focus-within) .player__controls{opacity:0}.player__timeline{cursor:pointer;align-items:center;height:20px;display:flex;position:relative}.player__track{border-radius:var(--radius-full);background:#ffffff40;width:100%;height:5px;position:relative}.player__buffer,.player__fill{border-radius:var(--radius-full);position:absolute;top:0;bottom:0;left:0}.player__buffer{background:#fff3}.player__fill{background:var(--color-accent)}.player__thumb{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0006}.player__marker{background:#ffffffd9;border:1px solid #0003;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%)}.player__buttons{align-items:center;gap:var(--space-1);display:flex}.player__btn{border-radius:var(--radius-sm);color:#ffffffe6;min-width:40px;min-height:40px;transition:background var(--dur-fast) var(--ease-out);place-items:center;display:grid;position:relative}.player__btn:hover{background:#ffffff24}.player__btn.is-active{color:var(--color-accent)}.player__time{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:#ffffffd9;padding:0 var(--space-2)}.player__spacer{flex:1}.player__volume{width:70px;accent-color:var(--color-accent);cursor:pointer}.player-menu{border-radius:var(--radius-md);padding:var(--space-2);min-width:140px;box-shadow:var(--shadow-modal);z-index:5;background:#141c16f5;position:absolute;bottom:calc(100% + 8px);right:0}.player-menu button{border-radius:var(--radius-sm);color:#ffffffd9;width:100%;font-size:var(--text-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.player-menu button:hover{background:#ffffff1a}.player-menu button.is-active{color:var(--color-accent);font-weight:var(--weight-semibold)}.pdf-viewer{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#e8e6e0;overflow:hidden}.pdf-viewer__bar{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.pdf-viewer__bar .player__time{color:var(--color-text-muted)}.pdf-viewer__stage{padding:var(--space-5);place-items:center;min-height:420px;display:grid;overflow:auto}.pdf-page{aspect-ratio:210/297;width:min(560px,100%);box-shadow:var(--shadow-soft);transition:transform var(--dur-base) var(--ease-out);transform-origin:top;background:#fff;padding:48px 42px}.pdf-page h4{font-family:var(--font-serif);font-size:var(--text-lg);margin-bottom:18px}.pdf-line{background:#e3e1da;border-radius:4px;height:9px;margin-bottom:10px}.pdf-line--heading{background:#d3d0c6;width:55%;height:12px;margin-bottom:16px}.lesson-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.lesson-actions .grow-gap{flex:1}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs__item{padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);white-space:nowrap;border-bottom:2.5px solid #0000;align-items:center;gap:6px;min-height:44px;margin-bottom:-1px;display:inline-flex}.tabs__item:hover{color:var(--color-text)}.tabs__item.is-active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.tabs__count{border-radius:var(--radius-full);background:var(--color-surface-soft);place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-grid}.tab-panel{padding:var(--space-4) 0}.course-index{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);max-height:calc(100vh - var(--topbar-height) - 48px);flex-direction:column;display:flex;overflow:hidden}.course-index__head{padding:var(--space-4);border-bottom:1px solid var(--color-border-soft)}.course-index__head h4{font-size:var(--text-base);margin-bottom:6px}.course-index__list{flex:1;overflow-y:auto}.course-index .module-acc{border:none;border-bottom:1px solid var(--color-border-soft);border-radius:0}.course-index .module-acc+.module-acc{margin-top:0}.course-index .lesson-row{padding-left:var(--space-3)}.course-index .lesson-row__status{margin-left:8px}.resource-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);display:flex}.resource-card:hover{border-color:var(--color-primary);background:var(--color-surface-warm)}.resource-card__icon{background:var(--color-secondary-soft);color:#9a6543;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.resource-card__name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.resource-card__meta{font-size:var(--text-xs);color:var(--color-text-soft)}.note-card{border:1px solid var(--color-border-soft);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.note-card__head{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.note-card__title{font-weight:var(--weight-bold);font-size:var(--text-sm);flex:1}.note-card__body{font-size:var(--text-sm);color:var(--color-text-muted);white-space:pre-wrap;line-height:1.6}.note-card__foot{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-soft);flex-wrap:wrap;display:flex}.note-card__stamp{color:var(--color-primary-dark);background:var(--color-primary-soft);border-radius:var(--radius-full);font-weight:var(--weight-semibold);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.note-card__actions{gap:4px;margin-left:auto;display:flex}.note-card__actions .btn--icon{min-width:36px;min-height:36px}.save-indicator{font-size:var(--text-xs);color:var(--color-text-soft);transition:color var(--dur-base) var(--ease-out);align-items:center;gap:6px;display:inline-flex}.save-indicator.is-saved{color:var(--color-success)}.thread-card{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);display:flex;position:relative}.thread-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.thread-card__main{flex:1;min-width:0}.thread-card__meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-soft);flex-wrap:wrap;margin-bottom:6px;display:flex}.thread-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);margin-bottom:4px;line-height:1.35}.thread-card__title a:after{content:"";position:absolute;inset:0}.thread-card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.thread-card__foot{align-items:center;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-soft);flex-wrap:wrap;display:flex}.thread-card__foot span{align-items:center;gap:5px;display:inline-flex}.thread-status{font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.thread-status--open{background:var(--color-warning-soft);color:#8a5f22}.thread-status--answered{background:var(--color-info-soft);color:#38607a}.thread-status--teacher{background:var(--color-primary-soft);color:var(--color-primary-dark)}.thread-status--accepted{background:var(--color-success-soft);color:var(--color-success)}.thread-status--closed{background:var(--color-surface-soft);color:var(--color-text-soft)}.thread-status--featured{background:var(--color-accent-soft);color:#8f7325}.comment{gap:var(--space-3);display:flex}.comment__main{flex:1;min-width:0}.comment__bubble{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.comment--accepted>.comment__main>.comment__bubble{background:var(--color-success-soft);border-color:var(--color-success)}.comment--official>.comment__main>.comment__bubble{background:var(--color-primary-soft);border-color:var(--color-primary)}.comment__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:6px;display:flex}.comment__author{font-weight:var(--weight-bold);font-size:var(--text-sm)}.comment__time{font-size:var(--text-xs);color:var(--color-text-soft)}.comment__body{font-size:var(--text-sm);color:var(--color-text);line-height:1.6}.comment__actions{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin-top:6px;display:flex}.comment__action{border-radius:var(--radius-full);min-height:34px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-soft);transition:all var(--dur-fast) var(--ease-out);align-items:center;gap:5px;padding:0 10px;display:inline-flex}.comment__action:hover{background:var(--color-surface-soft);color:var(--color-text)}.comment__action.is-active{color:var(--color-secondary);background:var(--color-secondary-soft)}.comment__action .icon{width:15px;height:15px}.comment__children{margin-top:var(--space-3);margin-left:var(--space-5);padding-left:var(--space-4);border-left:2px solid var(--color-border-soft);gap:var(--space-3);flex-direction:column;display:flex}.reaction-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.reaction-pill{border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);min-height:38px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);transition:all var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.reaction-pill:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.reaction-pill.is-active{background:var(--color-secondary-soft);border-color:var(--color-secondary);color:#9a6543}.reaction-pill .icon{width:16px;height:16px}.reaction-pill.pop .icon{animation:reaction-pop .42s var(--ease-spring)}.composer{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);display:flex}.composer__trigger{min-height:46px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--color-surface-soft);color:var(--color-text-soft);font-size:var(--text-sm);text-align:left;transition:background var(--dur-fast) var(--ease-out);flex:1;align-items:center;display:flex}.composer__trigger:hover{background:var(--color-primary-soft);color:var(--color-text-muted)}.side-list{gap:var(--space-2);flex-direction:column;display:flex}.side-list__item{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out);display:flex}.side-list__item:hover{background:var(--color-surface-soft)}.finance-table{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);width:100%;overflow:hidden}.finance-table table{width:100%}.finance-table th{text-align:left;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-soft);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-soft);background:var(--color-surface-warm)}.finance-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-soft);font-size:var(--text-sm);vertical-align:middle}.finance-table tr:last-child td{border-bottom:none}.finance-table tbody tr{transition:background var(--dur-fast) var(--ease-out)}.finance-table tbody tr:hover{background:var(--color-surface-warm)}.finance-table .mono{font-variant-numeric:tabular-nums}.voucher-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1.5px dashed var(--color-secondary);padding:var(--space-4) var(--space-5);gap:var(--space-4);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);align-items:center;display:flex;position:relative;overflow:hidden}.voucher-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.voucher-card--used,.voucher-card--expired{border-color:var(--color-border);filter:grayscale(.5);opacity:.75}.voucher-card__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--color-secondary);white-space:nowrap}.voucher-card__info{flex:1;min-width:0}.voucher-card__code{font-family:monospace;font-size:var(--text-sm);background:var(--color-surface-soft);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-top:6px;padding:4px 10px;display:inline-flex}.qr-sim{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;width:132px;height:132px;margin:0 auto;padding:10px}.qr-sim svg{width:100%;height:100%}.checkout-summary{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);overflow:hidden}.checkout-summary__row{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--color-border-soft);display:flex}.checkout-summary__row:last-child{border-bottom:none}.checkout-summary__row--total{background:var(--color-surface-warm);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-base)}.checkout-summary__row .discount{color:var(--color-success)}.pay-method{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;transition:all var(--dur-fast) var(--ease-out);min-height:58px;display:flex}.pay-method:hover{border-color:var(--color-primary)}.pay-method.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.pay-method__radio{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.pay-method.is-selected .pay-method__radio{border-color:var(--color-primary)}.pay-method.is-selected .pay-method__radio:before{content:"";background:var(--color-primary);border-radius:50%;width:10px;height:10px}.cert-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.cert-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.cert-card__preview{aspect-ratio:16/9.5;border-bottom:1px solid var(--color-border-soft);background:linear-gradient(150deg,#f6f3ec,#ece7db);place-items:center;display:grid;position:relative}.cert-card__preview-inner{aspect-ratio:297/210;width:74%;box-shadow:var(--shadow-soft);text-align:center;background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.cert-card__seal{background:var(--color-accent);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-card);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12%;right:14%}.cert-card__body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.cert-card__code{font-family:monospace;font-size:var(--text-xs);color:var(--color-text-soft)}.cert-card__actions{gap:var(--space-2);padding-top:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.certificate-doc{aspect-ratio:297/210;width:min(900px,100%);box-shadow:var(--shadow-soft);text-align:center;background:#fffdf8;border:1px solid #e5e0d2;flex-direction:column;align-items:center;margin:0 auto;padding:clamp(24px,5vw,64px);display:flex;position:relative;overflow:hidden}.certificate-doc:before{content:"";border:2px solid var(--color-accent);opacity:.55;pointer-events:none;border-radius:4px;position:absolute;inset:14px}.certificate-doc:after{content:"";border:1px solid var(--color-primary);opacity:.35;pointer-events:none;border-radius:2px;position:absolute;inset:20px}.certificate-doc__brand{font-family:var(--font-display);font-weight:var(--weight-extrabold);align-items:center;gap:10px;margin-bottom:clamp(8px,2vw,24px);display:flex}.certificate-doc__label{letter-spacing:.32em;text-transform:uppercase;color:var(--color-text-soft);margin-bottom:clamp(6px,1.5vw,16px);font-size:clamp(10px,1.4vw,13px)}.certificate-doc__name{font-family:var(--font-serif);color:var(--color-primary-dark);margin-bottom:clamp(6px,1.5vw,14px);font-size:clamp(24px,4.6vw,46px);font-style:italic}.certificate-doc__course{font-family:var(--font-display);font-size:clamp(14px,2.2vw,22px);font-weight:var(--weight-bold);max-width:70%;margin-bottom:clamp(8px,2vw,20px)}.certificate-doc__body-text{color:var(--color-text-muted);max-width:75%;font-size:clamp(11px,1.5vw,14px);line-height:1.6}.certificate-doc__footer{justify-content:space-between;align-items:flex-end;gap:var(--space-4);width:100%;margin-top:auto;display:flex}.certificate-doc__sign{text-align:center;color:var(--color-text-muted);font-size:clamp(10px,1.3vw,12px)}.certificate-doc__sign .sign-name{font-family:var(--font-serif);color:var(--color-text);border-bottom:1px solid var(--color-border);margin-bottom:4px;padding:0 18px 4px;font-size:clamp(14px,2vw,20px);font-style:italic}.certificate-doc__meta{color:var(--color-text-soft);text-align:left;font-size:clamp(9px,1.2vw,11px)}.certificate-doc__qr{width:clamp(52px,8vw,84px);height:clamp(52px,8vw,84px)}.certificate-doc__seal{background:radial-gradient(circle at 30% 30%, #e8cd7c, var(--color-accent));color:#7a5f1c;width:clamp(48px,8vw,88px);height:clamp(48px,8vw,88px);box-shadow:var(--shadow-card);border-radius:50%;place-items:center;display:grid;position:absolute;top:clamp(30px,6vw,70px);right:clamp(30px,6vw,70px)}.level-hero{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary) 60%, var(--color-teal));color:#fff;display:flex;position:relative;overflow:hidden}.level-hero__ring{flex-shrink:0;position:relative}.level-hero__ring .level-num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);place-items:center;display:grid;position:absolute;inset:0}.level-hero__info{flex:1;min-width:0}.level-hero__info h2{color:#fff;margin-bottom:4px}.level-hero__info p{opacity:.85;font-size:var(--text-sm);margin-bottom:var(--space-3)}.level-hero .progress{background:#ffffff38}.level-hero .progress__bar{background:var(--color-accent)}.badge-card{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex}.badge-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.badge-card.is-locked{opacity:.6}.badge-card.is-locked .badge-card__icon{background:var(--color-surface-soft);color:var(--color-text-soft)}.badge-card__icon{background:radial-gradient(circle at 32% 28%, #e8cd7c, var(--color-accent));color:#7a5f1c;width:64px;height:64px;box-shadow:var(--shadow-card);border-radius:50%;place-items:center;display:grid}.badge-card__icon .icon{width:28px;height:28px}.badge-card h4{font-size:var(--text-sm)}.badge-card p{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.45}.badge-card time{color:var(--color-text-soft);font-size:10px}.mission-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface);display:flex}.mission-card__icon{background:var(--color-teal-soft);color:#3d6a65;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.mission-card__info{flex:1;min-width:0}.mission-card__info h4{font-size:var(--text-sm);margin-bottom:2px}.mission-card__info p{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:8px}.mission-card__xp{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-success);white-space:nowrap}.streak-week{gap:var(--space-2);justify-content:space-between;display:flex}.streak-day{font-size:var(--text-xs);color:var(--color-text-soft);flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.streak-day__dot{border:2px dashed var(--color-border);color:#0000;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.streak-day.is-done .streak-day__dot{background:var(--color-secondary);border:2px solid var(--color-secondary);color:#fff}.streak-day.is-today .streak-day__dot{border-style:solid;border-color:var(--color-secondary)}.streak-day .icon{width:15px;height:15px}.notif-item{gap:var(--space-3);padding:14px var(--space-4) 14px 20px;transition:background var(--dur-fast) var(--ease-out);align-items:flex-start;display:flex;position:relative}.notif-item+.notif-item{border-top:1px solid var(--color-border-soft)}.notif-item:hover{background:var(--color-surface-soft)}.notif-item.is-unread:before{content:"";background:var(--color-primary);border-radius:99px;width:3px;position:absolute;top:16px;bottom:16px;left:8px}.notif-item.is-unread h5{color:var(--color-primary-dark)}.notif-item__icon{border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.notif-item__body{flex:1;min-width:0}.notif-item__body h5{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.notif-item__body p{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.45}.notif-item time{color:var(--color-text-soft);font-size:11px}.notif-item__dot{background:var(--color-secondary);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:8px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-modal);padding:var(--space-4);background:#24302873;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius-xl);width:min(560px,100%);box-shadow:var(--shadow-modal);flex-direction:column;max-height:calc(100vh - 48px);margin:auto;display:flex}.modal--lg{width:min(760px,100%)}.modal__head{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.modal__head h3{font-size:var(--text-lg);flex:1}.modal__body{padding:var(--space-2) var(--space-5) var(--space-5);overflow-y:auto}.modal__foot{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-soft);flex-wrap:wrap;display:flex}.toast-region{bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));right:var(--space-5);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);min-width:300px;max-width:380px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-text);color:#fff;box-shadow:var(--shadow-modal);pointer-events:auto;display:flex}.toast__icon{flex-shrink:0;margin-top:1px}.toast--success .toast__icon{color:#8fd2a5}.toast--error .toast__icon{color:#eda49e}.toast--info .toast__icon{color:#9ec8e0}.toast--xp .toast__icon{color:var(--color-accent)}.toast__body{font-size:var(--text-sm);flex:1}.toast__body strong{font-family:var(--font-display);display:block}.toast__body span{opacity:.8;font-size:var(--text-xs)}.toast__close{color:#fff9;min-width:32px;min-height:32px}.toast__close:hover{color:#fff}.celebration{z-index:var(--z-celebration);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background:#2430288c;place-items:center;display:grid;position:fixed;inset:0}.celebration__card{background:var(--color-surface);border-radius:var(--radius-xl);width:min(480px,100%);padding:var(--space-7) var(--space-6);text-align:center;box-shadow:var(--shadow-modal);position:relative;overflow:hidden}.celebration__icon{width:92px;height:92px;margin:0 auto var(--space-4);background:radial-gradient(circle at 32% 28%, #e8cd7c, var(--color-accent));color:#7a5f1c;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 30px #d9b65d73}.celebration__icon .icon{width:42px;height:42px}.celebration__card h2{margin-bottom:var(--space-2)}.celebration__card>p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.celebration__stats{justify-content:center;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.celebration__stat{text-align:center}.celebration__stat strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-extrabold);color:var(--color-primary-dark);display:block}.celebration__stat span{font-size:var(--text-xs);color:var(--color-text-soft)}.celebration__actions{gap:var(--space-2);flex-direction:column;display:flex}.confetti-piece{opacity:.9;width:8px;height:14px;animation:confetti-fall var(--fall-dur,1.4s) var(--ease-out) forwards;border-radius:2px;position:absolute;top:-12px}.check-pop{z-index:var(--z-celebration);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.check-pop__circle{background:var(--color-success);color:#fff;width:120px;height:120px;animation:check-pop-in .9s var(--ease-spring) forwards;border-radius:50%;place-items:center;display:grid;box-shadow:0 16px 50px #4e8b6280}.check-pop__circle .icon{stroke-width:2.4px;width:54px;height:54px}.check-pop__circle .icon path{stroke-dasharray:40;stroke-dashoffset:40px;animation:draw-check .5s .2s var(--ease-out) forwards}.search-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:12vh var(--space-4) var(--space-4);background:#24302873;justify-content:center;display:flex;position:fixed;inset:0}.search-panel{background:var(--color-surface);border-radius:var(--radius-xl);width:min(600px,100%);max-height:65vh;box-shadow:var(--shadow-modal);flex-direction:column;align-self:flex-start;display:flex;overflow:hidden}.search-panel__input{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-soft);display:flex}.search-panel__input input{font-size:var(--text-md);background:0 0;border:none;flex:1}.search-panel__input input:focus{outline:none}.search-panel__results{padding:var(--space-2);overflow-y:auto}.search-group__label{padding:var(--space-3) var(--space-3) var(--space-1);font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-soft)}.search-result{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:left;min-height:48px;display:flex}.search-result:hover,.search-result.is-focused{background:var(--color-surface-soft)}.search-result__icon{background:var(--color-surface-soft);width:34px;height:34px;color:var(--color-text-muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.search-result__title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.search-result__sub{font-size:var(--text-xs);color:var(--color-text-soft)}.skeleton{background:var(--color-surface-soft);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton--text{height:12px;margin-bottom:8px}.skeleton--title{width:55%;height:20px;margin-bottom:12px}.skeleton--card{border-radius:var(--radius-lg);height:180px}.skeleton--circle{border-radius:50%}.faq-item{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.faq-item+.faq-item{margin-top:var(--space-2)}.faq-item__q{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:left;font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-sm);display:flex}.faq-item__q .icon{color:var(--color-text-soft);transition:transform var(--dur-base) var(--ease-out);margin-left:auto}.faq-item__a{transition:grid-template-rows var(--dur-slow) var(--ease-out);grid-template-rows:0fr;display:grid}.faq-item.is-open .faq-item__a{grid-template-rows:1fr}.faq-item__a-inner{overflow:hidden}.faq-item__a-content{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.teacher-card{gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);align-items:flex-start;display:flex}.teacher-card__info{flex:1;min-width:0}.teacher-card__specialty{color:var(--color-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.teacher-card__bio{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.6}.teacher-card__stats{gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-soft);flex-wrap:wrap;display:flex}.teacher-card__stats span{align-items:center;gap:5px;display:inline-flex}.testimonial{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-warm);border:1px solid var(--color-border-soft)}.testimonial__stars{color:var(--color-accent);margin-bottom:var(--space-2);gap:2px;display:flex}.testimonial__stars .icon{fill:currentColor;width:15px;height:15px}.testimonial p{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-3);font-style:italic;line-height:1.6}.demo-panel{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-warm);border:1px dashed var(--color-border);font-size:var(--text-sm)}.demo-panel code{background:var(--color-surface);border:1px solid var(--color-border-soft);font-size:var(--text-xs);border-radius:6px;padding:2px 8px}.media-embed{border-radius:var(--radius-lg);aspect-ratio:16/9;box-shadow:var(--shadow-soft);background:#1c241e;position:relative;overflow:hidden}.media-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.pdf-real{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.pdf-frame{background:#e8e6e0;border:0;width:100%;height:min(72vh,760px);display:block}.teacher-modal__hero{margin:calc(var(--space-5) * -1) calc(var(--space-5) * -1) 0;padding:var(--space-6) var(--space-5) 56px;background:var(--grad-brand);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative;overflow:hidden}.teacher-modal__hero .blob{opacity:.35}.teacher-modal__avatar-row{align-items:flex-end;gap:var(--space-4);z-index:2;padding:0 var(--space-2);margin-top:-44px;display:flex;position:relative}.teacher-modal__avatar-row .avatar{border:4px solid var(--color-surface);box-shadow:var(--shadow-card)}.teacher-modal__name h3{font-size:var(--text-lg)}.teacher-modal__name p{color:var(--color-secondary);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.teacher-modal__stats{gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:repeat(4,1fr);display:grid}.teacher-modal__stat{text-align:center;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-warm);border:1px solid var(--color-border-soft)}.teacher-modal__stat strong{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-extrabold);color:var(--color-primary-dark);display:block}.teacher-modal__stat span{color:var(--color-text-soft);font-size:10.5px;font-weight:var(--weight-medium)}.teacher-modal__courses{gap:var(--space-2);flex-direction:column;display:flex}.teacher-modal__course{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);display:flex}.teacher-modal__course:hover{border-color:var(--color-primary);background:var(--color-surface-warm)}.teacher-modal__course .cover{border-radius:8px;flex-shrink:0;width:54px;height:36px}.teacher-link{border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out);text-align:left;align-items:center;gap:8px;display:inline-flex}.teacher-link:hover{opacity:.82}.teacher-link:hover .teacher-link__name{text-decoration:underline}@media (max-width:480px){.teacher-modal__stats{grid-template-columns:repeat(2,1fr)}}.social-login{gap:var(--space-2);flex-direction:column;display:flex}.btn--social{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);font-weight:var(--weight-semibold);justify-content:center;position:relative}.btn--social:hover:not(:disabled){border-color:var(--color-text-muted);background:var(--color-surface-warm);box-shadow:var(--shadow-card)}.btn--social .social-mark{flex-shrink:0;width:20px;height:20px}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--color-text-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-side__art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.auth-float{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-lift);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:var(--font-display);z-index:2;background:#ffffffeb;align-items:center;gap:10px;padding:12px 16px;animation:6s ease-in-out infinite alternate float-slow;display:flex;position:absolute}.auth-float small{font-family:var(--font-body);font-weight:var(--weight-regular);color:var(--color-text-muted);font-size:var(--text-xs);display:block}.auth-float--1{animation-delay:-1s;top:14%;right:10%}.auth-float--2{animation-delay:-3s;top:38%;left:8%}.auth-float--3{animation-delay:-5s;bottom:26%;right:14%}.auth-float .stat-card__icon{width:40px;height:40px}@keyframes float-slow{0%{transform:translateY(0)rotate(-.5deg)}to{transform:translateY(-14px)rotate(.5deg)}}.login-stagger>*{animation:rise-in .64s var(--ease-out) both}.login-stagger>:first-child{animation-delay:60ms}.login-stagger>:nth-child(2){animation-delay:.14s}.login-stagger>:nth-child(3){animation-delay:.22s}.login-stagger>:nth-child(4){animation-delay:.3s}.login-stagger>:nth-child(5){animation-delay:.38s}.login-stagger>:nth-child(6){animation-delay:.46s}.login-stagger>:nth-child(7){animation-delay:.54s}.login-stagger>:nth-child(8){animation-delay:.62s}.material-folder{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface-warm)}.material-folder+.material-folder{margin-top:var(--space-3)}.material-folder__head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.material-folder__head h4{font-size:var(--text-base);min-width:0}.material-folder .resource-card{background:var(--color-surface)}.grade-pill{min-width:52px;height:52px;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-extrabold);border-radius:16px;place-items:center;padding:0 10px;display:inline-grid}.grade-pill--high{background:var(--color-success-soft);color:var(--color-success)}.grade-pill--mid{background:var(--color-warning-soft);color:var(--color-warning)}.grade-pill--low{background:var(--color-danger-soft);color:var(--color-danger)}.grade-pill--pending{background:var(--color-surface-soft);color:var(--color-text-soft);font-size:var(--text-sm)}.eval-row{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-soft);align-items:flex-start;display:flex}.eval-row:last-child{border-bottom:none}.eval-row__info{flex:1;min-width:0}.eval-row__feedback{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-warm);border-left:3px solid var(--color-accent);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:8px;line-height:1.6}.gpa-card{text-align:center;padding:var(--space-5)}.gpa-card .gpa-value{font-family:var(--font-display);font-size:44px;font-weight:var(--weight-extrabold);color:var(--color-primary-dark);line-height:1}.sale-hero{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, var(--color-teal) 110%);color:#fff;padding:var(--space-7) var(--space-6);isolation:isolate;position:relative;overflow:hidden}.sale-hero:after{content:"";z-index:-1;background:radial-gradient(42% 50% at 85% 10%,#d9b65d59,#0000 70%),radial-gradient(50% 60% at 5% 90%,#c98e6b4d,#0000 70%);position:absolute;inset:0}.sale-hero h1{color:#fff;font-size:var(--text-3xl);max-width:640px}.sale-hero__promise{opacity:.93;max-width:560px;font-size:var(--text-md);line-height:1.6}.price-card{top:calc(var(--topbar-height) + var(--space-4));border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-soft);position:sticky;overflow:hidden}.price-card__media{aspect-ratio:16/9;position:relative}.price-card__body{padding:var(--space-5)}.price-card__price{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.price-card__price .now{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--color-primary-dark)}.price-card__price .before{color:var(--color-text-soft);text-decoration:line-through}.price-card__deadline{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-warning);background:var(--color-warning-soft);border-radius:var(--radius-full);margin-bottom:var(--space-4);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.price-card__list{margin:var(--space-4) 0;flex-direction:column;gap:8px;display:flex}.price-card__list li{font-size:var(--text-sm);color:var(--color-text-muted);align-items:flex-start;gap:8px;list-style:none;display:flex}.price-card__list .icon{color:var(--color-success);width:16px;height:16px;margin-top:2px}.seats-bar{margin:var(--space-3) 0}.seats-bar .progress__bar{background:var(--color-secondary)}.guarantee{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface-warm);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-3);align-items:flex-start;gap:10px;display:flex}.guarantee .icon{color:var(--color-primary)}.sale-comment{gap:var(--space-3);display:flex}.sale-comment__bubble{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex:1}.sale-comment__reply{margin-top:var(--space-2);margin-left:var(--space-5);background:var(--color-primary-soft);border-color:var(--color-primary-soft)}.upcoming-banner{color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;background:#ffffff29;border:1px solid #ffffff4d;align-items:center;gap:6px;padding:5px 14px;display:inline-flex}.course-index .module-acc__progress{display:none}.course-index .module-acc__meta{flex-wrap:wrap;row-gap:2px}.course-index .module-acc__head{gap:var(--space-2);padding:var(--space-3)}.pdf-fallback{text-align:center;height:100%;min-height:420px;padding:var(--space-6);background:linear-gradient(150deg,#f6f3ec,#ece7db);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.module-acc__info,.module-acc__title{display:block}@media (max-width:768px){.pdf-frame{height:60vh}}.pdf-stage{padding:var(--space-6) var(--space-5);background:linear-gradient(150deg,#f2efe7,#e6e1d4);place-items:center;min-height:460px;display:grid;position:relative}.pdf-stage .pdf-page{aspect-ratio:210/260;width:min(520px,100%);box-shadow:var(--shadow-soft);background:#fff;border-radius:4px;padding:40px 36px}.pdf-stage .pdf-page h4{font-family:var(--font-serif);font-size:var(--text-md);margin-bottom:16px}.pdf-stage__overlay{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5);background:linear-gradient(#f7f5f000 20%,#f0ece2eb 78%);flex-direction:column;display:flex;position:absolute;inset:0}@media (max-width:480px){.pdf-stage{min-height:380px;padding:var(--space-4)}.pdf-stage .pdf-page{padding:24px 20px}}.comment>.teacher-link,.comment>.avatar{align-self:flex-start}.faq-item__q .icon{margin-left:0;transition:none}.faq-item__q .icon:first-child{color:var(--color-primary)}.faq-item__q .icon:last-child{color:var(--color-text-soft);transition:transform var(--dur-base) var(--ease-out);margin-left:auto}.faq-item.is-open .faq-item__q .icon{transform:none}.faq-item.is-open .faq-item__q .icon:last-child{transform:rotate(180deg)}.modal--teacher{position:relative}.modal--teacher .modal__head{z-index:5;padding:0;position:absolute;top:10px;right:10px}.modal--teacher .modal__head h3{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.modal--teacher .modal__head .btn{color:var(--color-text);background:#ffffffd9}.modal--teacher .modal__head .btn:hover{background:#fff}.modal--teacher .modal__body{padding-top:var(--space-2)}.modal--teacher .teacher-modal__hero{margin-top:calc(var(--space-2) * -1)}.view--focus{max-width:1440px;margin:0 auto}.view--focus .lesson-topbar{z-index:var(--z-topbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:calc(var(--space-5) * -1) calc(var(--space-5) * -1) var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-soft);background:#f7f5f0eb;position:sticky;top:0}.focus-brand{border-radius:var(--radius-md);justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.focus-brand:hover{background:var(--color-surface-soft)}@media (max-width:768px){.view--focus .lesson-topbar{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-4);padding:var(--space-2) var(--space-4)}.view--focus .breadcrumbs{display:none}.view--focus .lesson-topbar__progress{flex:1;min-width:0}}.live-card{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;display:flex}.live-card__badge-live{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-danger);align-items:center;gap:6px;display:inline-flex}.live-card__badge-live:before{content:"";background:var(--color-danger);border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-soft}.live-card__info{flex:1;min-width:220px}.path-hero{border-radius:var(--radius-xl);color:#fff;padding:var(--space-6);isolation:isolate;background:linear-gradient(135deg, var(--color-primary-dark), var(--color-teal) 70%, var(--color-secondary) 130%);position:relative;overflow:hidden}.path-step{gap:var(--space-4);padding-bottom:var(--space-5);display:flex;position:relative}.path-step:last-child{padding-bottom:0}.path-step:before{content:"";background:var(--color-border);width:2px;position:absolute;top:46px;bottom:2px;left:21px}.path-step:last-child:before{display:none}.path-step__dot{background:var(--color-surface-soft);width:44px;height:44px;color:var(--color-text-soft);border:2px solid var(--color-border);font-family:var(--font-display);font-weight:var(--weight-bold);z-index:1;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.path-step.is-done .path-step__dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.path-step.is-current .path-step__dot{border-color:var(--color-primary);color:var(--color-primary-dark);background:var(--color-primary-soft)}.path-step__body{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);min-width:0;padding:var(--space-4);flex:1}.quiz-shell{max-width:720px;margin:0 auto}.quiz-option{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;font-size:var(--text-base);transition:all var(--dur-fast) var(--ease-out);line-height:1.45;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-warm)}.quiz-option .quiz-option__key{background:var(--color-surface-soft);width:28px;height:28px;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.quiz-option.is-correct{border-color:var(--color-success);background:var(--color-success-soft)}.quiz-option.is-correct .quiz-option__key{background:var(--color-success);color:#fff}.quiz-option.is-wrong{border-color:var(--color-danger);background:var(--color-danger-soft)}.quiz-option.is-wrong .quiz-option__key{background:var(--color-danger);color:#fff}.quiz-option:disabled{cursor:default;opacity:1}.quiz-option:disabled:not(.is-correct):not(.is-wrong){opacity:.55}.quiz-feedback{border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);gap:10px;line-height:1.6;display:flex}.quiz-progress-dots{gap:6px;display:flex}.quiz-progress-dots span{background:var(--color-border);border-radius:50%;width:10px;height:10px}.quiz-progress-dots span.is-done{background:var(--color-success)}.quiz-progress-dots span.is-wrong{background:var(--color-danger)}.quiz-progress-dots span.is-current{background:var(--color-primary)}.collection-chip{border-radius:var(--radius-full);background:var(--color-teal-soft);color:#3d6a65;font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.mood-picker{gap:var(--space-2);justify-content:space-between;display:flex}.mood-btn{border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-out);border:1.5px solid #0000;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:44px;padding:10px 4px;font-size:22px;display:flex}.mood-btn small{color:var(--color-text-soft);font-size:10px;font-weight:var(--weight-semibold)}.mood-btn:hover{background:var(--color-surface-warm);transform:translateY(-2px)}.mood-btn.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.mood-day{font-size:var(--text-xs);color:var(--color-text-soft);flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.mood-day__dot{background:var(--color-surface-soft);border:1.5px dashed var(--color-border);border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.mood-day__dot.has-mood{border-style:solid;border-color:var(--color-primary-soft);background:var(--color-primary-soft)}.audio-player{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary) 70%, var(--color-teal));color:#fff;flex-wrap:wrap;display:flex}.audio-player__art{border-radius:var(--radius-md);width:84px;height:84px;box-shadow:var(--shadow-card);flex-shrink:0;overflow:hidden}.audio-player__bar{flex:1;min-width:180px}.audio-player .progress{background:#ffffff40}.audio-player .progress__bar{background:var(--color-accent)}.audio-player__btn{width:52px;height:52px;color:var(--color-primary-dark);transition:transform var(--dur-base) var(--ease-spring);background:#fffffff0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.audio-player__btn:hover{transform:scale(1.06)}.media-mode-toggle{border:1.5px solid var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-3);background:var(--color-surface);display:inline-flex;overflow:hidden}.media-mode-toggle button{min-height:38px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);align-items:center;gap:6px;padding:0 16px;display:inline-flex}.media-mode-toggle button.is-active{background:var(--color-primary);color:#fff}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--color-surface);margin-left:-10px}.avatar-stack .avatar:first-child{margin-left:0}.chat-box{gap:var(--space-3);max-height:420px;padding:var(--space-4);background:var(--color-surface-warm);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);flex-direction:column;display:flex;overflow-y:auto}.chat-msg{gap:10px;max-width:85%;display:flex}.chat-msg--mine{flex-direction:row-reverse;align-self:flex-end}.chat-msg__bubble{background:var(--color-surface);border:1px solid var(--color-border-soft);font-size:var(--text-sm);border-radius:14px 14px 14px 4px;padding:10px 14px;line-height:1.5}.chat-msg--mine .chat-msg__bubble{background:var(--color-primary);color:#fff;border-color:var(--color-primary);border-radius:14px 14px 4px}.chat-msg__meta{color:var(--color-text-soft);margin-top:3px;font-size:10.5px}.chat-msg--mine .chat-msg__meta{text-align:right}.challenge-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.challenge-day{aspect-ratio:1;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--color-surface-soft);color:var(--color-text-soft);border:1.5px solid #0000;place-items:center;display:grid;position:relative}.challenge-day.is-done{background:var(--color-secondary);color:#fff}.challenge-day.is-today{border-color:var(--color-secondary);color:var(--color-secondary);background:var(--color-secondary-soft)}.challenge-day.is-future{opacity:.5}.referral-code{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:2px dashed var(--color-secondary);border-radius:var(--radius-lg);background:var(--color-secondary-soft);flex-wrap:wrap;display:flex}.referral-code code{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-extrabold);letter-spacing:.06em;color:#9a6543}.reward-step{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--color-surface);display:flex}.reward-step.is-earned{border-color:var(--color-success);background:var(--color-success-soft)}.therapist-card{gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex}.therapist-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.therapist-card__cert{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary-dark);background:var(--color-primary-soft);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.slot-btn{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);min-height:40px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);transition:all var(--dur-fast) var(--ease-out);padding:0 14px}.slot-btn:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.slot-btn.is-selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.streak-banner{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(120deg, var(--color-secondary-soft), var(--color-accent-soft));border:1px solid #c98e6b59;flex-wrap:wrap;display:flex}.streak-banner .stat-card__icon{flex-shrink:0}@media (max-width:768px){.challenge-grid{gap:5px}.mood-picker{flex-wrap:wrap}.mood-btn{min-width:56px}.chat-msg{max-width:95%}}.tp-cell{border-radius:var(--radius-sm);min-width:78px;min-height:38px;font-size:11px;font-weight:var(--weight-semibold);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1.5px solid #0000;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-family:inherit;display:inline-flex}.tp-cell:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tp-cell--open{background:var(--color-primary-soft);color:var(--color-primary-dark);border-color:var(--color-primary)}.tp-cell--closed{background:var(--color-surface-soft);color:var(--color-text-soft);border-style:dashed;border-color:var(--color-border)}.tp-cell--booked{background:var(--color-accent-soft,#f3e3d8);color:#9a6543;cursor:not-allowed}.tp-cell--gcal{color:#1a73e8;cursor:not-allowed;background:#e8f0fe}.tp-cell--booked:hover,.tp-cell--gcal:hover{box-shadow:none;transform:none}@media print{.sidebar,.topbar,.bottom-nav,.toast-stack,.no-print,.tabs{display:none!important}.app-shell,.main-content{margin:0!important;padding:0!important;display:block!important}.rep-pane{display:block!important}body{background:#fff!important}}.transcript{overflow:hidden}.transcript__sum{cursor:pointer;font-size:var(--text-sm);align-items:center;gap:8px;padding:13px 18px;list-style:none;display:flex}.transcript__sum::-webkit-details-marker{display:none}.transcript__body{border-top:1px dashed var(--color-border);max-height:230px;padding:8px 10px;display:grid;overflow-y:auto}.transcript__line{cursor:pointer;text-align:left;width:100%;font:inherit;font-size:var(--text-sm);color:var(--color-text-muted);background:0 0;border:none;border-radius:10px;align-items:baseline;gap:12px;padding:9px 10px;transition:background .15s;display:flex}.transcript__line:hover{background:var(--color-surface-soft);color:var(--color-text)}.transcript__line.is-active{background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:600}.transcript__time{font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--color-primary-dark);flex:none;width:38px;font-weight:700}.tutor__log{gap:10px;max-height:340px;margin-bottom:12px;display:grid;overflow-y:auto}.tutor__msg{background:var(--color-surface-soft);font-size:var(--text-sm);border-radius:14px 14px 14px 5px;max-width:88%;padding:12px 15px;line-height:1.6}.tutor__msg.is-me{background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:14px 14px 5px;justify-self:end}.tutor__cites{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tutor-cite{border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-xs);color:var(--color-primary-dark);cursor:pointer;border-radius:99px;padding:4px 11px;font-family:inherit;font-weight:600}.tutor-cite:hover{border-color:var(--color-primary)}.tutor-cite:before{content:"📖 "}.tutor__form{gap:8px;display:flex}.tutor__form .input{flex:1}.tutor__hint{background:var(--color-surface-soft);border-radius:14px;padding:16px}.quiz-receipt{background:var(--color-surface-soft);border:1px dashed var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);border-radius:12px;align-items:center;gap:9px;margin-bottom:18px;padding:10px 16px;display:inline-flex}.transcript__find{border-top:1px dashed var(--color-border);align-items:center;gap:9px;padding:10px 14px;display:flex}.transcript__find .input{flex:1;min-height:42px}.ts-ai{border-top:1px dashed var(--color-border);background:var(--color-surface-soft);padding:10px 14px}.ts-hit{background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text);border-radius:12px;align-items:center;gap:11px;padding:10px 14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.ts-hit:hover{border-color:var(--color-primary);transform:translate(3px)}.ts-hit strong{color:var(--color-primary-dark)}.stack-1{gap:8px;display:grid}.ai-fab{z-index:120;background:var(--color-primary-dark);color:#fff;font:inherit;font-weight:600;font-size:var(--text-sm);cursor:pointer;opacity:.92;border:none;border-radius:999px;align-items:center;gap:7px;padding:11px 16px;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 26px #25302842}.ai-fab:hover,.ai-fab:focus-visible{opacity:1;transform:translateY(-2px);box-shadow:0 16px 36px #25302857}.ai-fab .icon{width:18px;height:18px}@media (max-width:768px){.ai-fab span{display:none}.ai-fab{right:14px;bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom,0px) + 12px);opacity:.85;padding:12px}}:is(body:has(.auth-layout) .ai-fab,body:has(.view--focus) .ai-fab){display:none}.ai-panel{z-index:130;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;background:#1c241e73;justify-content:flex-end;align-items:flex-end;padding:20px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.ai-panel.is-on{opacity:1;visibility:visible}.ai-panel__card{background:var(--color-surface);border-radius:22px;flex-direction:column;width:min(430px,100%);max-height:min(620px,90vh);transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(16px);box-shadow:0 40px 90px #0000004d}.ai-panel.is-on .ai-panel__card{transform:none}.ai-panel__head{align-items:center;gap:10px;padding:16px 18px 8px;display:flex}.ai-panel__title{font-family:var(--font-display);align-items:center;gap:8px;margin-right:auto;font-weight:700;display:flex}.ai-panel__log{flex:1;align-content:start;gap:10px;padding:6px 18px 12px;display:grid;overflow-y:auto}@media (max-width:560px){.ai-panel{padding:0}.ai-panel__card{border-radius:22px 22px 0 0;width:100%;max-height:88vh}}.ai-ava{background:radial-gradient(70% 70% at 70% 25%,#d9b65d80,transparent 60%),var(--color-primary-dark);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.ai-ava .icon{width:16px;height:16px}.streak-chip__lbl{opacity:.85;font-weight:400}@media (max-width:980px){.streak-chip__lbl{display:none}}.lesson-head-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.module-acc.is-seq-locked{opacity:.82}.module-acc.is-seq-locked .module-acc__head{cursor:default}.module-acc.is-seq-locked .module-acc__chevron{visibility:hidden}.module-acc__lock-note{font-size:var(--text-xs);color:#9a6543;background:var(--color-secondary-soft);border-radius:var(--radius-sm);align-items:center;gap:6px;width:fit-content;max-width:100%;margin-bottom:6px;padding:5px 10px;font-weight:600;display:flex}.module-acc__lock-note .icon{flex:none;width:14px;height:14px}.material-folder.is-seq-locked{opacity:.85}.brochure-row{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.review-form{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-soft);margin-bottom:18px;padding:16px}.review-stars{gap:4px;display:flex}.review-star{cursor:pointer;color:var(--color-border);background:0 0;border:none;padding:4px;transition:color .15s,transform .15s}.review-star .icon{width:26px;height:26px}.review-star:hover{transform:scale(1.12)}.review-star.is-on{color:var(--color-accent)}.assignment-box{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-soft);margin-top:4px;padding:16px}.assignment-box.is-sent{background:var(--color-success-soft);border-color:#0000}.assignment-drop{border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);flex-direction:column;align-items:center;gap:6px;padding:26px 16px;transition:border-color .15s,background .15s;display:flex}.assignment-drop:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.assignment-drop .icon{width:26px;height:26px;color:var(--color-primary-dark)}.home-eq{align-items:stretch}.home-eq>.card,.home-eq>.course-card{flex-direction:column;height:100%;display:flex}.home-eq>.card .week-chart{flex:1;min-height:120px}.home-eq>.card .streak-week{flex:1;align-content:center}.home-eq>.course-card .course-card__body{flex-direction:column;flex:1;display:flex}.home-eq>.course-card .course-card__foot{margin-top:auto}.home-eq .section-head{flex-wrap:wrap;row-gap:6px}.home-eq .section-head .badge,.home-eq .section-head .streak-chip{white-space:nowrap}.home-eq .streak-week{gap:4px}.home-eq .streak-day__dot{width:26px;height:26px}.home-eq .streak-day{gap:4px;min-width:0;font-size:11px}.home-eq .event-item{padding:8px 0}.home-eq .streak-cal{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.streak-cal__month{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-soft);text-align:center;font-size:11px;font-weight:700}.streak-week--cal{justify-content:center}.streak-week--cal .streak-day{gap:5px}.streak-day__name{letter-spacing:.04em;color:var(--color-text-soft);font-size:10px;font-weight:700}.streak-day__num{color:var(--color-text-soft);font-size:10.5px}.streak-day.is-today .streak-day__num{color:var(--color-primary-dark);font-weight:700}.streak-cal__hint{text-align:center;max-width:30ch;margin-inline:auto}.home-eq .streak-cal .streak-week{flex:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes blob-float{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(30px,-24px)rotate(8deg)scale(1.06)}to{transform:translate(-20px,18px)rotate(-6deg)scale(.97)}}@keyframes view-in{0%{opacity:0}to{opacity:1}}.view-enter{animation:view-in .18s var(--ease-out) both}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:rise-in var(--dur-slow) var(--ease-out) both}.stagger>:first-child{animation-delay:30ms}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.11s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.19s}.stagger>:nth-child(6){animation-delay:.23s}.stagger>:nth-child(7){animation-delay:.27s}.stagger>:nth-child(8){animation-delay:.31s}.stagger>:nth-child(n+9){animation-delay:.35s}@keyframes modal-in{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-backdrop{animation:fade-in var(--dur-base) var(--ease-out) both}.modal-backdrop .modal,.search-panel{animation:modal-in var(--dur-base) var(--ease-spring) both}.modal-backdrop.is-closing{animation:fade-in var(--dur-fast) var(--ease-out) reverse both}.modal-backdrop.is-closing .modal{animation:modal-in var(--dur-fast) var(--ease-out) reverse both}@keyframes dropdown-in{0%{opacity:0;transform:scale(.95)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown{animation:dropdown-in var(--dur-fast) var(--ease-out) both}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast{animation:toast-in var(--dur-slow) var(--ease-spring) both}.toast.is-leaving{animation:toast-in var(--dur-base) var(--ease-out) reverse both}@keyframes reaction-pop{0%{transform:scale(1)}40%{transform:scale(1.45)rotate(-8deg)}to{transform:scale(1)}}@keyframes check-pop-in{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.08)}75%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes draw-check{to{stroke-dashoffset:0}}.check-pop.is-leaving{animation:fade-in .25s var(--ease-out) reverse both}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{transform:translateY(110vh) rotate(var(--spin,540deg));opacity:.4}}@keyframes xp-float{0%{opacity:0;transform:translateY(6px)scale(.9)}20%{opacity:1;transform:translateY(0)scale(1.05)}80%{opacity:1;transform:translateY(-14px)scale(1)}to{opacity:0;transform:translateY(-26px)scale(.95)}}.xp-float{font-family:var(--font-display);font-weight:var(--weight-extrabold);color:var(--color-success);animation:xp-float 1.2s var(--ease-out) both;pointer-events:none;white-space:nowrap;position:absolute}@keyframes pulse-soft{0%,to{box-shadow:0 0 #c98e6b73}60%{box-shadow:0 0 0 9px #c98e6b00}}.pulse-soft{animation:pulse-soft 2.2s var(--ease-out) infinite}@keyframes saved-blink{0%{opacity:.4}50%{opacity:1}to{opacity:.75}}.save-indicator.is-saving .icon{animation:.8s linear infinite spin}@keyframes bar-grow{0%{width:0}}.progress__bar.animate-in{animation:bar-grow .9s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.reduced-motion *,html.reduced-motion :before,html.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
@media (max-width:1280px){.layout-main-aside,.lesson-layout{grid-template-columns:minmax(0,1fr) 300px}.grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.app-shell{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar__name,.sidebar__section,.nav-item span,.nav-item__badge,.sidebar__foot{display:none}.nav-item{justify-content:center;padding:0}.sidebar__brand{padding:var(--space-2) 0;justify-content:center}.grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-main-aside{grid-template-columns:1fr}.layout-aside{position:static}.lesson-layout{grid-template-columns:1fr}.course-index{max-height:none}.auth-layout{grid-template-columns:1fr}.auth-side{display:none}.hero-continue{grid-template-columns:240px 1fr}.topbar__profile-name{display:none}}@media (max-width:768px){:root{--topbar-height:60px}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.bottomnav{display:block}.topbar__menu-btn{display:grid}.app-main{padding-bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom,0px) + 8px)}.view,.view--full{padding:var(--space-4)}.topbar{padding:0 var(--space-4);gap:var(--space-2)}.topbar__search{display:none}.streak-chip{min-height:36px;padding:0 10px}.grid--2,.grid--3,.grid--4,.hero-continue{grid-template-columns:1fr}.hero-continue__media{min-height:170px}.course-hero{padding:var(--space-5) var(--space-4);min-height:260px}.course-hero h1{font-size:var(--text-xl)}.course-hero__desc{font-size:var(--text-base)}.outcomes{grid-template-columns:1fr}.course-card--list{flex-direction:column}.course-card--list .course-card__media{aspect-ratio:16/8.5;width:100%}.course-card--list .course-card__foot{flex-direction:column;align-items:stretch}.toolbar .input-wrap{width:100%}.toolbar__spacer,.finance-table thead{display:none}.finance-table table,.finance-table tbody,.finance-table tr,.finance-table td{width:100%;display:block}.finance-table tr{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-soft)}.finance-table tr:last-child{border-bottom:none}.finance-table td{justify-content:space-between;gap:var(--space-3);border:none;align-items:center;padding:3px 0;display:flex}.finance-table td:before{content:attr(data-label);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.05em}.voucher-card{align-items:flex-start;gap:var(--space-3);flex-direction:column}.certificate-doc{aspect-ratio:auto;min-height:480px}.certificate-doc__course,.certificate-doc__body-text{max-width:100%}.certificate-doc__footer{align-items:center;gap:var(--space-4);flex-direction:column}.certificate-doc__meta{text-align:center}.level-hero{text-align:center;flex-direction:column}.comment__children{margin-left:var(--space-2);padding-left:var(--space-3)}.modal__foot{flex-direction:column-reverse}.modal__foot .btn{width:100%}.toast-region{left:var(--space-4);right:var(--space-4);bottom:calc(var(--bottomnav-height) + var(--space-4) + env(safe-area-inset-bottom,0px))}.toast{width:100%;min-width:0;max-width:none}.lesson-actions{gap:var(--space-2)}.lesson-actions .btn:not(.btn--icon){flex:1;min-width:130px}.player__volume,.player__time--total{display:none}.auth-panel{padding:var(--space-6) var(--space-4)}.week-chart{gap:6px;height:100px}.search-overlay{padding-top:8vh}.streak-week{gap:var(--space-1);flex-wrap:wrap}}@media (max-width:480px){h1{font-size:var(--text-xl)}.view-head__row{flex-direction:column;align-items:stretch}.view-head__row .btn{width:100%}.celebration__stats{gap:var(--space-4)}.hero-continue__actions .btn{flex:1}.stat-card{padding:var(--space-3);gap:var(--space-2)}.stat-card__icon{border-radius:11px;width:38px;height:38px}.stat-card__value{font-size:var(--text-lg)}.pdf-viewer__stage{padding:var(--space-3);min-height:320px}.pdf-page{padding:26px 22px}}@media print{body{background:#fff}.sidebar,.topbar,.bottomnav,.toast-region,.no-print,.breadcrumbs{display:none!important}.app-shell{display:block}.view{max-width:none;padding:0}.certificate-doc{box-shadow:none;page-break-inside:avoid;border:1px solid #d8d2c0;width:100%}}.bottomnav__inner{grid-template-columns:repeat(5,minmax(0,1fr))}.bottomnav__item{min-width:0}.bottomnav__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.select{max-width:100%}@media (max-width:768px){.toolbar .select{width:100%!important}.view-toggle{align-self:flex-end}.sale-hero{padding:var(--space-5) var(--space-4)}.sale-hero h1{font-size:var(--text-xl);-webkit-hyphens:none;hyphens:none}.sale-hero__promise{font-size:var(--text-base)}.price-card{position:static}.teacher-modal__hero{margin:calc(var(--space-5) * -1) calc(var(--space-5) * -1) 0}}.row.grow{min-width:0}@media (max-width:768px){.row--wrap>.row.grow{flex-basis:100%;max-width:none!important}}
:root{--font-display:var(--font-display-next), "Segoe UI", system-ui, sans-serif;--font-body:var(--font-body-next), "Segoe UI", system-ui, sans-serif}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}