:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}body.nav-open,body.sidebar-open{overflow:hidden}h1{font-size:clamp(1.35rem,4vw,2rem);line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;max-width:100%;margin:0;padding:0;text-align:initial}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.rich-text-editor{--rte-border: #c4c4c4;--rte-toolbar-bg: #f0f0f0;--rte-surface-bg: #ffffff;--rte-surface-fg: #1a1a1a;--rte-btn-bg: #ffffff;--rte-btn-fg: #1a1a1a;--rte-placeholder: #888888;--rte-link: #1565c0;color-scheme:light}@media(prefers-color-scheme:dark){.rich-text-editor{--rte-border: #4a4a4a;--rte-toolbar-bg: #2d2d2d;--rte-surface-bg: #1e1e1e;--rte-surface-fg: #e8e8e8;--rte-btn-bg: #3a3a3a;--rte-btn-fg: #e8e8e8;--rte-placeholder: #9a9a9a;--rte-link: #64b5f6;color-scheme:dark}}.rich-text-editor__toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid var(--rte-border);border-bottom:none;border-radius:4px 4px 0 0;background:var(--rte-toolbar-bg)}.rich-text-editor__divider{width:1px;align-self:stretch;margin:0 4px;background:var(--rte-border)}.rich-text-editor__btn{padding:4px 8px;font-size:13px;border:1px solid var(--rte-border);border-radius:4px;background:var(--rte-btn-bg);color:var(--rte-btn-fg);cursor:pointer}.rich-text-editor__btn:hover{filter:brightness(1.08)}.rich-text-editor__surface{min-height:160px;padding:10px;border:1px solid var(--rte-border);border-radius:0 0 4px 4px;outline:none;line-height:1.5;background:var(--rte-surface-bg);color:var(--rte-surface-fg);caret-color:var(--rte-surface-fg);text-align:left}.rich-text-editor__surface:empty:before{content:attr(data-placeholder);color:var(--rte-placeholder);pointer-events:none}.rich-text-editor__surface :is(h1,h2,h3,p,li,span,div,b,i,u){color:inherit}.rich-text-editor__surface a{color:var(--rte-link)}.create-news-form{--form-border: #dddddd;--form-surface: #ffffff;--form-fg: #1a1a1a;--form-muted: #666666;text-align:left}@media(prefers-color-scheme:dark){.create-news-form{--form-border: #4a4a4a;--form-surface: #2a2a2a;--form-fg: #e8e8e8;--form-muted: #aaaaaa}}.create-news-form{border:1px solid var(--form-border);color:var(--form-fg)}.create-news-form .admin-field{padding:8px 10px;border:1px solid var(--form-border);border-radius:4px;background:var(--form-surface);color:var(--form-fg);font:inherit}.create-news-form .admin-field::placeholder{color:var(--form-muted)}.create-news-form .admin-hint{font-size:12px;color:var(--form-muted)}.news-html-content{color:var(--news-content-fg, #333333);line-height:1.6;text-align:left}@media(prefers-color-scheme:dark){.news-html-content{--news-content-fg: rgba(255, 255, 255, .87)}.news-html-content a{color:#64b5f6}}.news-html-content h2{margin:.75em 0 .35em;font-size:1.25rem}.news-html-content p{margin:0 0 .75em}.news-html-content ul,.news-html-content ol{margin:0 0 .75em;padding-left:1.5em}.news-html-content a{color:#1565c0}.read-the-docs{color:#888}.book-list-page{text-align:left;max-width:560px;margin:0 auto}.book-list-page h1{text-align:center}.book-list{--book-card-border: #e0e0e0;--book-card-border-hover: #b0b0b0;--book-card-bg: #ffffff;--book-card-fg: #1a1a1a;--book-card-muted: #666666;--book-card-title: #646cff;list-style:none;padding:0;margin:0;display:grid;gap:1rem}.book-list__item{margin:0}.book-card{display:flex;gap:1rem;align-items:flex-start;width:100%;padding:1rem;border:1px solid var(--book-card-border);border-radius:8px;background:var(--book-card-bg);color:var(--book-card-fg);text-decoration:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.book-card:hover{border-color:var(--book-card-border-hover);box-shadow:0 2px 10px #00000014}.book-card__cover{flex-shrink:0;width:80px;height:120px;object-fit:cover;border-radius:4px;display:block}.book-card__cover--placeholder{background:var(--book-card-border)}.book-card__body{flex:1;min-width:0;text-align:left}.book-card__title{margin:0;font-size:1rem;font-weight:600;line-height:1.35;color:var(--book-card-title)}.book-card__category{margin:.35rem 0 0;font-size:.875rem;color:var(--book-card-muted)}.book-card__price{margin:.5rem 0 0;font-size:1rem;font-weight:600;color:var(--book-card-fg)}.product-page{max-width:640px;margin:0 auto;text-align:left}.product-page__section{margin-top:1.5rem}.product-page__section h2{margin:0 0 .75rem;font-size:1.25rem;text-align:left}.product-page__description{margin:0;white-space:pre-wrap;line-height:1.6}.topic-list{--topic-border: #e0e0e0;--topic-muted: #666666;--topic-bg: #fafafa;list-style:none;margin:0;padding:0;border:1px solid var(--topic-border);border-radius:8px;overflow:hidden}.topic-chapters__audio{display:none}.topic-list__hint,.topic-list__error{margin:0 0 .75rem;font-size:.875rem}.topic-list__error{color:#c62828}.topic-list__item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--topic-border);background:var(--topic-bg)}.topic-list__item--active{background:var(--topic-active-bg, #eef1ff)}.topic-list__item:last-child{border-bottom:none}.topic-list__play{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--topic-border);border-radius:50%;background:var(--topic-play-bg, #ffffff);color:var(--topic-play-fg, #333333);font-size:.75rem;line-height:1;cursor:pointer}.topic-list__play:hover{border-color:var(--topic-play-hover, #646cff);color:var(--topic-play-hover, #646cff)}.topic-list__item--active .topic-list__play{border-color:var(--topic-play-hover, #646cff);background:var(--topic-play-hover, #646cff);color:#fff}.topic-list__index{flex-shrink:0;width:1.5rem;font-size:.875rem;color:var(--topic-muted);text-align:right}.topic-list__title{flex:1;min-width:0;line-height:1.4}.topic-list__duration{flex-shrink:0;font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--topic-muted)}@media(prefers-color-scheme:dark){.topic-list{--topic-border: #444444;--topic-muted: #aaaaaa;--topic-bg: #1a1a1a;--topic-active-bg: #2a2d3a;--topic-play-bg: #2a2a2a;--topic-play-fg: #e8e8e8;--topic-play-hover: #8b9eff}}@media(prefers-color-scheme:dark){.book-list{--book-card-border: #444444;--book-card-border-hover: #666666;--book-card-bg: #1a1a1a;--book-card-fg: rgba(255, 255, 255, .87);--book-card-muted: #aaaaaa;--book-card-title: #8b9eff}.book-card:hover{box-shadow:0 2px 12px #0006}}.app-shell{min-height:100vh;display:flex;flex-direction:column;--app-border: #e8e8e8;--app-header-bg: #ffffff;--app-muted: #666666}@media(prefers-color-scheme:dark){.app-shell{--app-border: #444444;--app-header-bg: #1a1a1a;--app-muted: #aaaaaa}}.app-shell__main{flex:1;min-width:0}.page-content{width:100%;max-width:1200px;margin:0 auto;padding:1rem 1rem 2rem;box-sizing:border-box;text-align:left}.shop-layout{max-width:100%}.app-header{--app-brand: #5c1010;--app-brand-hover: #7a1818;position:sticky;top:0;z-index:100;background:var(--app-header-bg);border-bottom:1px solid var(--app-border)}.app-header__inner{max-width:1200px;margin:0 auto;padding:0 1rem}.app-header__brand-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 0}.app-header__brand{display:flex;align-items:center;gap:.65rem;min-width:0;text-decoration:none;color:inherit}.app-header__logo{flex-shrink:0;width:72px;height:72px;object-fit:contain}.app-header__brand-text{font-weight:700;font-size:1.05rem;line-height:1.2}.app-header__banner-wrap{flex:1 1 100%;width:100%;min-width:0;background:#f5f0eb;border-radius:6px}.app-header__banner-link{display:block;line-height:0}.app-header__banner{display:block;width:100%;max-height:72px;object-fit:contain;object-position:center}.app-header__menu-btn{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--app-brand);border-radius:8px;background:transparent;cursor:pointer}.app-header__menu-icon{position:relative;display:block;width:1.25rem;height:2px;background:var(--app-brand);border-radius:1px;transition:background .15s ease}.app-header__menu-icon:before,.app-header__menu-icon:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--app-brand);border-radius:1px;transition:transform .15s ease,top .15s ease}.app-header__menu-icon:before{top:-7px}.app-header__menu-icon:after{top:7px}.app-header__menu-btn[aria-expanded=true] .app-header__menu-icon{background:transparent}.app-header__menu-btn[aria-expanded=true] .app-header__menu-icon:before{top:0;transform:rotate(45deg)}.app-header__menu-btn[aria-expanded=true] .app-header__menu-icon:after{top:0;transform:rotate(-45deg)}.app-header__backdrop{position:fixed;inset:0;z-index:98;border:none;background:#00000073;cursor:pointer}.app-header__nav{display:none;position:fixed;top:0;right:0;z-index:99;width:min(320px,92vw);height:100%;max-height:100dvh;flex-direction:column;align-items:stretch;gap:0;padding:1rem 1.25rem 1.5rem;overflow-y:auto;background:var(--app-header-bg);border-left:1px solid var(--app-border);box-shadow:-4px 0 24px #0000002e}.app-header__nav.is-open{display:flex}.app-header__nav-title{margin:0 0 .75rem;padding-bottom:.75rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--app-muted);border-bottom:1px solid var(--app-border)}.app-header__link{text-decoration:none;color:inherit;font-size:1rem;padding:.85rem 0;border-bottom:1px solid var(--app-border)}.app-header__link--active{color:var(--app-brand);font-weight:600}.app-header__logout{margin-top:.5rem;border:1px solid var(--app-brand);border-radius:8px;padding:.65rem .75rem;background:transparent;color:var(--app-brand);font:inherit;font-weight:600;cursor:pointer}.app-header__logout:hover{background:var(--app-brand);color:#fff}.app-header__email{margin-top:.75rem;font-size:.8rem;color:var(--app-muted);word-break:break-all}@media(min-width:768px){.app-header__brand-row{flex-wrap:nowrap;gap:1rem;padding:.65rem 0}.app-header__banner-wrap{flex:1 1 auto;width:auto}.app-header__logo{width:96px;height:96px}.app-header__brand-text{font-size:1.2rem}.app-header__menu-btn,.app-header__nav-title{display:none}.app-header__nav{display:flex!important;position:static;width:100%;height:auto;max-height:none;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem 1.25rem;padding:.5rem 0 .65rem;overflow:visible;background:transparent;border:none;border-top:1px solid var(--app-border);box-shadow:none}.app-header__link{padding:.25rem 0;border-bottom:none;font-size:.9rem;white-space:nowrap}.app-header__link--active{border-bottom:2px solid var(--app-brand)}.app-header__logout{margin-top:0;padding:.35rem .65rem;font-size:.9rem}.app-header__email{margin-top:0;max-width:12rem;font-size:.75rem}.app-header__banner{max-height:88px}}@media(prefers-color-scheme:dark){.app-header__banner-wrap{background:#1a1514}}.sidebar-layout{display:flex;flex:1;min-height:0;min-width:0}.sidebar-layout__toolbar,.sidebar-layout__backdrop{display:none}.sidebar-layout__aside{flex-shrink:0;width:220px;padding:1.5rem;border-right:1px solid var(--app-border);box-sizing:border-box}.sidebar-layout--user .sidebar-layout__aside{background:#fafafa}.sidebar-layout--admin .sidebar-layout__aside{background:#1a1a2e;color:#eee;border-right-color:#2a2a4a}.sidebar-layout__title{margin:0 0 1rem;font-size:1.1rem}.sidebar-layout__nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-layout__link{text-decoration:none;color:inherit;padding:.35rem 0;font-size:.95rem}.sidebar-layout--user .sidebar-layout__link.is-active{color:#1976d2;font-weight:600}.sidebar-layout--admin .sidebar-layout__link{color:#ccc}.sidebar-layout--admin .sidebar-layout__link.is-active{color:#64b5f6;font-weight:600}.sidebar-layout__main{flex:1;min-width:0}.product-page__hero{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap;align-items:flex-start}.product-page__cover{width:100%;max-width:200px;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px;flex-shrink:0}.product-page__meta{flex:1;min-width:min(100%,200px)}.product-page__meta h1{margin-top:0}.news-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.news-card{display:block;border:1px solid var(--app-border);border-radius:8px;overflow:hidden;text-align:left;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.news-card:hover{border-color:#b0b0b0;box-shadow:0 2px 10px #00000014}.news-card__placeholder{height:160px;background:#2a2a2a;display:flex;align-items:center;justify-content:center;color:#888;font-size:13px}.news-card__title{margin:0;font-size:1.1rem;font-weight:600}.news-card img{width:100%;height:160px;object-fit:cover;display:block}.news-card__body{padding:.75rem 1rem 1rem}.news-page__back{margin:0 0 1rem}.news-page__title{margin:0 0 1rem;font-size:1.75rem;line-height:1.25}.news-page__hero{display:block;width:100%;max-width:720px;margin:0 0 1.5rem;border-radius:8px;object-fit:cover;aspect-ratio:16 / 9}.news-page__content{margin-bottom:2rem}.news-page__gallery{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--app-border)}.news-page__gallery-title{margin:0 0 1rem;font-size:1.15rem;font-weight:600}.auth-form{max-width:400px;margin:0 auto}.form-stack{display:grid;gap:.5rem;max-width:100%}.form-stack input,.form-stack textarea,.form-stack select{width:100%;max-width:100%;box-sizing:border-box}.admin-card{border:1px solid var(--app-border);border-radius:8px;padding:1rem;margin-bottom:.75rem;max-width:100%}.admin-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.book-list-page{max-width:100%}@media(max-width:767px){.page-content{padding:.75rem .75rem 1.5rem}.sidebar-layout{flex-direction:column}.sidebar-layout__toolbar{display:block;padding:.5rem .75rem;border-bottom:1px solid var(--app-border);background:var(--app-header-bg)}.sidebar-layout__menu-btn{width:100%;text-align:left;padding:.5rem .75rem;border:1px solid var(--app-border);border-radius:8px;background:transparent;font:inherit;cursor:pointer}.sidebar-layout__backdrop{display:block;position:fixed;inset:0;z-index:48;border:none;background:#00000073;cursor:pointer}.sidebar-layout__aside{display:none;position:fixed;top:0;left:0;z-index:49;width:min(280px,88vw);height:100%;max-height:100dvh;overflow-y:auto;box-shadow:4px 0 24px #0003}.sidebar-layout__aside.is-open{display:block}.sidebar-layout__main{width:100%}.product-page__hero{flex-direction:column;align-items:center;text-align:center}.product-page__cover{max-width:160px}.product-page__meta{text-align:left;width:100%}.news-grid{grid-template-columns:1fr}.topic-list__item{flex-wrap:wrap;align-items:center}.topic-list__title{flex:1 1 calc(100% - 3.5rem);order:2}.topic-list__duration{order:3;margin-left:auto}.book-list{max-width:100%}.create-news-form .rich-text-editor__toolbar{gap:2px}.create-news-form .rich-text-editor__btn{padding:4px 6px;font-size:12px}}@media(min-width:768px){.sidebar-layout__toolbar,.sidebar-layout__backdrop{display:none!important}.sidebar-layout__aside{display:block!important;position:static;width:220px;height:auto;max-height:none;box-shadow:none}.sidebar-layout{flex-direction:row}}