*{box-sizing:border-box}:root{--color-bg:#141210;--color-bg-deep:#0e0c0b;--color-bg-elevated:#1f1b17;--color-bg-input:#181410;--color-bg-header:#1a1714;--color-bg-surface:#232018;--color-lesson-card:#252118;--color-lesson-card-hover:#2d281f;--color-bg-theme-strip:#1c1814;--color-text:#e4dcd2;--color-text-secondary:#a89888;--color-text-muted:#7d6f63;--color-text-faint:#6a5d52;--color-border:#c8a58224;--color-border-soft:#c8a58217;--color-border-accent:#e8a06659;--color-accent-orange:#e8a066;--color-accent-orange-soft:#e8a06624;--color-accent-purple:#b090d8;--color-link:#e8b896;--color-link-hover:#f2d4b8;--shadow-lesson-card:0 2px 12px #08050373;--shadow-card:0 8px 28px #0805036b;--shadow-hero:0 12px 32px #08050366;--radius-card:8px;--radius-hero:8px;--space-0:4px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:"Fredoka", var(--font-body);--max-content:1280px;--pad-x-mobile:24px;--pad-x-desktop:40px;--library-scroll-max:560px;--lesson-thumb-w:128px;--bg-page-gradient:linear-gradient(165deg, #1a1714 0%, #141210 38%, #100e0c 100%);--theme-strip-layers:radial-gradient(ellipse 130% 90% at 50% -15%, #e8a06617 0%, transparent 58%), radial-gradient(ellipse 70% 55% at 100% 100%, #a078c812 0%, transparent 50%), linear-gradient(175deg, #28221cf2 0%, #161310fa 100%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg-deep);background-image:var(--bg-page-gradient);color:var(--color-text);background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}.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}.page-shell{max-width:var(--max-content);padding-left:var(--pad-x-mobile);padding-right:var(--pad-x-mobile);margin-left:auto;margin-right:auto}@media (width>=768px){.page-shell{padding-left:var(--pad-x-desktop);padding-right:var(--pad-x-desktop)}}.page-shell--header{padding-top:var(--space-3);padding-bottom:var(--space-4)}.page-shell--band{gap:var(--space-5);grid-template-columns:1fr;align-items:start;display:grid}.page-shell--library-full{width:100%}.page-header{background:var(--color-bg-header);border-bottom:1px solid var(--color-border)}.page-header__row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.page-header__text{flex:1 1 0;min-width:0}.page-header__logo-link{color:inherit;border-radius:var(--radius-card);outline-offset:3px;flex:none;align-self:flex-start;text-decoration:none}.page-header__logo-link:focus-visible{outline:2px solid var(--color-accent-orange)}.page-header__logo-link:hover .page-header__logo-frame{border-color:var(--color-border-accent);box-shadow:0 4px 20px #08050359}.page-header__logo-frame{padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.page-header__logo{object-fit:contain;width:auto;max-width:160px;height:auto;max-height:72px;display:block}.page-header__title{font-family:var(--font-display);margin:0 0 var(--space-2);color:var(--color-accent-orange);max-width:100%;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.15}.page-header__subtitle{max-width:70%;color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.45}@media (width<=767px){.page-header__subtitle{max-width:100%}}.hero-cloud{--hero-visible-max-h:220px;padding-top:var(--space-2);padding-bottom:var(--space-2);max-height:var(--hero-visible-max-h);transition:max-height .35s,opacity .3s,padding-block .35s;overflow:hidden}.hero-cloud--hidden{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}@media (prefers-reduced-motion:reduce){.hero-cloud{transition:none}}.hero-cloud__inner{min-height:0}.hero-cloud__frame{border-radius:var(--radius-hero);box-shadow:var(--shadow-hero);border:1px solid var(--color-border-soft);overflow:hidden}.hero-cloud__img{object-fit:cover;object-position:center;width:100%;height:72px;display:block}@media (width<=767px){.hero-cloud{--hero-visible-max-h:160px}.hero-cloud__img{height:52px}}.content-band{border-top:1px solid var(--color-border);padding-top:var(--space-5);padding-bottom:var(--space-6);background:0 0}.section-title{font-family:var(--font-display);margin:0 0 var(--space-1);color:var(--color-accent-orange);font-size:22px;font-weight:500;line-height:1.25}.panel-card{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card)}.panel-card__titlebar{margin-bottom:var(--space-3)}.panel-helper{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:14px}.filter-bar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-text-secondary);flex-wrap:wrap;font-size:14px;display:flex}.filter-chip strong{color:var(--color-link)}.filter-chip--muted{color:var(--color-text-secondary)}.filter-bar__sep{opacity:.7}.btn-reset{font:inherit;cursor:pointer;color:var(--color-accent-purple);background:#b090d81a;border:1px solid #b090d873;border-radius:999px;padding:6px 12px}.btn-reset:hover{color:var(--color-link-hover);background:#b090d82e}.btn-reset:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.search-panel{margin-bottom:var(--space-3)}.search-panel--dominant{margin-bottom:var(--space-4)}.search-input-wrap{align-items:center;gap:var(--space-1);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-card);max-width:100%;padding:1px 10px 1px 12px;display:flex}.search-input-wrap:focus-within{border-color:var(--color-accent-orange);box-shadow:0 0 0 1px var(--color-accent-orange-soft)}.search-input-wrap--dominant{border-width:2px;border-color:var(--color-border-accent);background:var(--color-bg-deep);min-height:52px;padding:4px 12px 4px 14px;box-shadow:0 4px 22px #08050366}.search-input-wrap--dominant:focus-within{border-color:var(--color-accent-orange);box-shadow:0 0 0 2px var(--color-accent-orange-soft), 0 8px 28px #08050373}.search-input-wrap--dominant .search-input-wrap__input{padding:14px 10px;font-size:17px}.library-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.library-toolbar__counts{color:var(--color-text-secondary);margin:0;font-size:15px}.library-toolbar__num{color:var(--color-text);font-size:1.1rem;font-weight:700}.library-toolbar__hint{color:var(--color-text-muted)}.library-toolbar__pending{color:var(--color-accent-orange);font-size:14px}.library-toolbar__end{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.themes-toggle{font:inherit;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;letter-spacing:.02em;background:#1e1a1699;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.themes-toggle:hover{border-color:var(--color-border-accent);color:var(--color-text)}.themes-toggle--active{border-color:var(--color-accent-orange);background:var(--color-accent-orange-soft);color:var(--color-accent-orange)}.themes-toggle:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.sort-toolbar{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.sort-toolbar__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.sort-toolbar__buttons{gap:var(--space-1);flex-wrap:wrap;display:flex}.sort-pill{font:inherit;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:#1e1a1699;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.sort-pill:hover{border-color:var(--color-border-accent);color:var(--color-text)}.sort-pill--active{border-color:var(--color-accent-orange);background:var(--color-accent-orange-soft);color:var(--color-accent-orange)}.sort-pill:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.theme-pills-wrap{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-3);border-radius:var(--radius-card);border:1px solid var(--color-border);text-align:center;background-color:var(--color-bg-theme-strip);background-image:var(--theme-strip-layers);position:relative;overflow:hidden}.theme-pills-wrap:before{content:"";opacity:.42;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.theme-pills-wrap>*{z-index:1;position:relative}.theme-pills-heading{font-family:var(--font-display);margin:0 auto var(--space-3);max-width:42rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}.theme-pills{gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;max-width:56rem;margin:0 auto;display:flex}.theme-pill{align-items:center;gap:var(--space-1);font:inherit;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:#14110ebf;border-radius:999px;max-width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.theme-pill:hover{border-color:var(--color-border-accent);color:var(--color-text)}.theme-pill--active{border-color:var(--color-accent-orange);background:var(--color-accent-orange-soft);color:var(--color-accent-orange)}.theme-pill__label{min-width:0;line-height:1.3}.theme-pill__count{color:var(--color-text-muted);background:#c8a5821a;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700}.theme-pill--active .theme-pill__count{color:var(--color-accent-orange);background:#e8a06638}.theme-pill:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.theme-pills-empty{margin:0 auto var(--space-4);padding:var(--space-3);text-align:center;max-width:40rem;color:var(--color-text-muted);border-radius:var(--radius-card);border:1px dashed var(--color-border);background:#14110e80;font-size:14px;line-height:1.45}.search-input-wrap__icon{color:var(--color-text-secondary);flex-shrink:0}.search-input-wrap__input{min-width:0;font:inherit;color:var(--color-text);background:0 0;border:none;flex:1;padding:10px 8px;font-size:15px}.search-input-wrap__input:focus{outline:none}.search-input-wrap__input::placeholder{color:var(--color-text-muted)}.search-input-wrap__clear{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;font-size:1.35rem;line-height:1}.search-input-wrap__clear:hover{color:var(--color-text);background:#c8a58214}.lesson-list-empty{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:14px}.lesson-list{max-height:var(--library-scroll-max);scrollbar-width:thin;scrollbar-color:#a0826459 transparent;gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lesson-list::-webkit-scrollbar{width:8px}.lesson-list::-webkit-scrollbar-thumb{background:#8c735f73;border-radius:4px}.lesson-list__item{margin:0}.lesson-card{align-items:stretch;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:inherit;border-radius:var(--radius-card);background:var(--color-lesson-card);border:1px solid var(--color-border);box-shadow:var(--shadow-lesson-card);-webkit-tap-highlight-color:#e8a06640;flex-direction:row;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s;display:flex}.lesson-card__thumb-col{flex:0 0 var(--lesson-thumb-w);width:var(--lesson-thumb-w);align-self:flex-start}.lesson-card__thumb-group{height:100%;min-height:0;position:relative}.lesson-card__thumb-frame{aspect-ratio:4/3;background:var(--color-bg-deep);border:1px solid var(--color-border-soft);border-radius:6px;width:100%;position:relative;overflow:hidden}.lesson-card__thumb-frame--empty{background:linear-gradient(145deg,#1e1a16,#28231c)}.lesson-card__thumb-img{object-fit:cover;width:100%;height:100%;display:block}.lesson-card__thumb-hit{display:none}@media (width<=767px){.lesson-card__thumb-hit{cursor:pointer;-webkit-tap-highlight-color:#e8a06638;background:0 0;border:none;border-radius:6px;margin:0;padding:0;display:block;position:absolute;inset:0}}.lesson-card__wc-preview-pop{z-index:1000;pointer-events:none;border:1px solid var(--color-border);background:var(--color-bg-deep);border-radius:8px;position:fixed;overflow:hidden;box-shadow:0 12px 40px #0805038c}.lesson-card__wc-preview-pop img{object-fit:contain;width:100%;height:100%;display:block}.lesson-card__main{align-items:stretch;gap:var(--space-2);min-width:0;color:inherit;border-radius:4px;flex-direction:row;flex:1 1 0;text-decoration:none;display:flex}.lesson-card__main:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.lesson-card__main--static{cursor:default}@media (width<=767px){.lesson-card--with-thumb{flex-direction:column;align-items:stretch}.lesson-card__thumb-col{flex:none;width:100%;max-width:100%}.lesson-card__thumb-group{width:100%;max-width:100%}}@media (prefers-reduced-motion:reduce){.lesson-card{transition:background .15s,border-color .15s,box-shadow .15s}}.lesson-card:hover{background:var(--color-lesson-card-hover);border-color:var(--color-border-accent);box-shadow:0 4px 20px #08050373}.lesson-card:active{transform:scale(.995)}@media (prefers-reduced-motion:reduce){.lesson-card:active{transform:none}}.lesson-card__body{flex:1 1 0;min-width:0}.lesson-card__title{margin:0 0 var(--space-1);color:var(--color-link);font-size:1.0625rem;font-weight:700;line-height:1.3}.lesson-card:hover .lesson-card__title,.lesson-card__main:focus-visible .lesson-card__title{color:var(--color-link-hover)}.lesson-card__excerpt{margin:0 0 var(--space-1);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.lesson-card__meta{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.4}.lesson-card__play{justify-content:center;align-items:center;gap:var(--space-0);padding-left:var(--space-1);color:var(--color-accent-orange);flex-direction:column;flex-shrink:0;align-self:center;margin-left:auto;display:flex}.lesson-card__play-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:10px;font-weight:700}.lesson-card:hover .lesson-card__play-label{color:var(--color-accent-orange)}.lesson-card--static{cursor:default}.lesson-card--static .lesson-card__title{color:var(--color-text)}.lesson-card--static:hover{background:var(--color-lesson-card);border-color:var(--color-border);box-shadow:var(--shadow-lesson-card)}.lesson-card--static:hover .lesson-card__title{color:var(--color-text)}.lesson-card--static:active{transform:none}.lesson-card--static .lesson-card__play{opacity:.4}.wc-dialog{background:0 0;border:none;max-width:min(92vw,440px);padding:0}.wc-dialog::backdrop{background:#0a0806d1}.wc-dialog__panel{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-3);border:1px solid var(--color-border);position:relative;box-shadow:0 16px 48px #0805038c}.wc-dialog__close{top:var(--space-2);right:var(--space-2);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);background:#c8a58214;border:none;border-radius:8px;margin:0;padding:0;font-size:1.5rem;line-height:1;position:absolute}.wc-dialog__close:hover{color:var(--color-text);background:#c8a58224}.wc-dialog__img-wrap{aspect-ratio:4/3;background:var(--color-bg-deep);border:1px solid var(--color-border-soft);width:100%;margin-bottom:var(--space-2);border-radius:6px;overflow:hidden}.wc-dialog__img{object-fit:contain;width:100%;height:100%;display:block}.wc-dialog__title{font-family:var(--font-display);margin:0 0 var(--space-2);color:var(--color-accent-orange);padding-right:40px;font-size:1.1rem;font-weight:600;line-height:1.3}.wc-dialog__cta{color:var(--color-link);background:#b090d826;border:1px solid #b090d873;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.wc-dialog__cta:hover{color:var(--color-link-hover);background:#b090d840}.wc-dialog__cta--muted{color:var(--color-text-secondary);cursor:default;background:0 0;border:none;padding:0;font-weight:400;display:block}.theme-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=767px){.theme-grid{grid-template-columns:1fr}}.theme-card{text-align:left;max-width:100%;font:inherit;cursor:pointer;border-radius:var(--radius-card);border:1px solid var(--color-border-soft);background:var(--color-bg-surface);color:var(--color-text);flex-direction:column;align-items:stretch;margin:0;padding:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.theme-card{transition:none}}.theme-card:hover{border-color:var(--color-border-accent)}.theme-card:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.theme-card--active{border-color:var(--color-accent-orange);box-shadow:0 0 0 1px var(--color-accent-orange-soft);background:var(--color-accent-orange-soft)}.theme-card__thumb{object-fit:cover;width:100%;height:120px}.theme-card__title{font-family:var(--font-display);color:var(--color-accent-orange);padding:10px 12px 4px;font-size:16px;font-weight:600}.theme-card--active .theme-card__title{font-weight:700}.theme-card__meta{color:var(--color-text-secondary);padding:0 12px 12px;font-size:13px}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-5) 0 var(--space-6);margin-top:var(--space-2);color:var(--color-text-secondary);font-size:14px}.site-footer__stats{margin-bottom:6px}