:root{--bg:#f3efe7;--paper:#fbfaf7;--ink:#1a1a1a;--accent:#9c6b2f;--accent-dark:#6f4a1d;--muted:#6b6b6b;--line:#e2d8c9;--radius:18px;--shadow:0 20px 60px rgba(30,22,12,0.12);--font-main:"Assistant","Rubik","Segoe UI",sans-serif;--side-pad:clamp(16px,4vw,48px)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-main);background:radial-gradient(circle at top right,#f9f3e8 0%,#f3efe7 45%,#efe6d6 100%);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px var(--side-pad);position:sticky;top:0;background:rgba(251,250,247,0.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}.header-right{display:flex;align-items:center;justify-self:start;gap:12px}.logo-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:white;font-weight:700;box-shadow:0 10px 20px rgba(111,74,29,0.25)}.brand{font-size:1.4rem;font-weight:700;letter-spacing:0.5px}.site-nav{display:flex;justify-content:center;gap:20px;font-weight:600;color:var(--muted)}.header-left{display:flex;align-items:center;gap:12px;justify-self:end;flex-wrap:wrap}.lang-switcher{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}.lang-switcher-link{padding:7px 12px;font-size:0.82rem;font-weight:700;color:var(--muted)}.lang-switcher-link.is-active{background:#f4e6cf;color:var(--accent-dark)}.header-search input{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;min-width:180px;font-size:0.9rem;text-align:right;direction:rtl}.login{background:#fff;border:1px solid var(--accent);color:var(--accent-dark);padding:10px 18px;border-radius:999px;font-weight:600;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-guest{background:#fff2f2;border-color:#e8a8a8;color:#9b2f2f}.login-guest:hover{background:#ffe8e8;border-color:#d98f8f}.login-user{background:#ebf9ee;border-color:#95cba2;color:#246737;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15;min-width:128px;padding:8px 14px 7px}.login-user-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.92rem;font-weight:700}.login-user-meta{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.68rem;font-weight:700;color:#3f8152}.login-user:hover{background:#e1f5e6;border-color:#76b787}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hero{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:80px var(--side-pad) 60px;align-items:center}.hero-content h1{font-size:clamp(2.4rem,3vw,3.4rem);margin:10px 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-dark);font-size:0.8rem;font-weight:700}.lead{font-size:1.1rem;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:24px}button{border:none;padding:12px 24px;border-radius:999px;font-weight:600;cursor:pointer;font-size:0.95rem}.primary{background:var(--accent);color:white;box-shadow:var(--shadow)}.ghost{background:transparent;border:1px solid var(--accent);color:var(--accent-dark)}.hero-card{background:var(--paper);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:18px}.stat{display:flex;justify-content:space-between;font-weight:600;border-bottom:1px dashed var(--line);padding-bottom:8px}.stat:last-child{border-bottom:none;padding-bottom:0}.section{padding:60px var(--side-pad)}.page{padding-bottom:40px}.page-hero{padding:70px var(--side-pad) 40px;background:linear-gradient(135deg,#fff7ea 0%,#f6efdf 100%);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.2rem,3vw,3.2rem);margin:10px 0 16px}.page-section{padding:28px var(--side-pad) 60px}.page-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.page-card{background:var(--paper);padding:24px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 12px 28px rgba(22,16,8,0.08)}.section-header h2{margin-bottom:8px;font-size:2rem}.section-header p{color:var(--muted);max-width:540px}.lesson-grid{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));margin-top:28px}.filter-list{display:grid;gap:8px;color:var(--muted);font-weight:600}.filter-list input{margin-left:8px}.lesson-card{background:var(--paper);padding:24px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 12px 30px rgba(22,16,8,0.08);transition:transform 0.2s ease,box-shadow 0.2s ease;display:grid;gap:12px}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(22,16,8,0.12)}.lesson-card-main{display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none}.lesson-card-main h3{margin:0;font-size:1.2rem}.lesson-card-main p{margin:0;color:var(--muted)}.lesson-card-main .lesson-meta{font-size:0.95rem;color:#7a6a55;font-weight:600}.lesson-media{position:relative;border-radius:14px;overflow:hidden;background:#1c1610;aspect-ratio:16 / 9}.lesson-media img{width:100%;height:100%;object-fit:cover;display:block}.lesson-media-with-meta{aspect-ratio:auto}.lesson-media-with-meta .lesson-media-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#1c1610}.lesson-media-with-meta .lesson-media-frame img{width:100%;height:100%;object-fit:cover;display:block}.lesson-media-meta{display:grid;gap:8px;padding:10px 12px 12px;background:#fff}.lesson-media-title{margin:0;font-size:1rem;line-height:1.35;color:var(--ink)}.lesson-media-tags{gap:6px}.lesson-media-tags span{font-size:0.75rem;padding:4px 8px}.lesson-badge{position:absolute;top:12px;right:12px;background:rgba(26,26,26,0.85);color:#fff;font-size:0.8rem;font-weight:700;padding:6px 10px;border-radius:999px;letter-spacing:0.5px}.lesson-tags{display:flex;flex-wrap:wrap;gap:8px}.lesson-tags span{background:#f1e6d2;border:1px solid #e2d0b2;color:#6f4a1d;font-size:0.85rem;font-weight:700;padding:6px 10px;border-radius:999px}.lesson-link{display:inline-flex;margin-top:12px;color:var(--accent-dark);font-weight:700}.lesson-link:hover{color:var(--accent)}.lesson-content{display:grid;gap:14px;--lesson-variants-gap:14px;--lesson-variants-width:clamp(138px,20vw,190px);min-width:0;inline-size:100%;max-inline-size:100%;overflow-x:clip}.lesson-content.variant-view-both{--lesson-variants-width:clamp(138px,20vw,190px)}.lesson-content.variant-view-text{--lesson-variants-width:clamp(190px,26vw,252px)}.lesson-content.variant-view-icon{--lesson-variants-width:clamp(76px,11vw,104px)}.lesson-audio-player{width:100%}.lesson-family-suggestions{content-visibility:auto;contain-intrinsic-size:1px 420px;position:relative;isolation:isolate;overflow:hidden}.lesson-family-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:0}.lesson-family-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #e2d0b2;background:#fff8ed;color:var(--accent-dark)}.lesson-family-chip strong{font-size:0.92rem}.lesson-family-chip small{color:var(--muted);font-size:0.78rem}.lesson-family-toolbar{display:flex;align-items:flex-start;justify-content:flex-start;gap:14px;margin-top:12px;min-width:0}.lesson-family-carousel-shell{position:relative;margin-top:14px;min-width:0}.lesson-family-nav{position:absolute;inset:0;z-index:3;pointer-events:none}.lesson-family-nav[hidden]{display:block;opacity:0;visibility:hidden}.lesson-family-nav-btn{appearance:none;width:42px;height:42px;position:absolute;top:50%;padding:0;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,0.94);color:var(--accent-dark);display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;box-shadow:0 14px 28px rgba(22,16,8,0.16);backdrop-filter:blur(8px);transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease,opacity 0.18s ease,background 0.18s ease}.lesson-family-nav-btn:hover:not(:disabled){background:#fff;border-color:#c79d64;box-shadow:0 16px 32px rgba(111,74,29,0.18)}.lesson-family-nav-btn:disabled{opacity:0;visibility:hidden;cursor:default;box-shadow:none}.lesson-family-nav-btn:focus-visible{outline:2px solid #c79d64;outline-offset:2px}.lesson-family-nav-btn-left{left:12px;transform:translateY(-50%)}.lesson-family-nav-btn-right{right:12px;transform:translateY(-50%)}.lesson-family-nav-btn-left:hover:not(:disabled),.lesson-family-nav-btn-right:hover:not(:disabled){transform:translateY(-50%) scale(1.03)}.lesson-family-nav-icon-svg{width:18px;height:18px;display:block}.lesson-family-fade{position:absolute;top:0;bottom:8px;width:72px;z-index:2;pointer-events:none;opacity:0;transition:opacity 0.18s ease}.lesson-family-fade-left{left:0;background:linear-gradient(90deg,rgba(251,250,247,0.98) 0%,rgba(251,250,247,0) 100%)}.lesson-family-fade-right{right:0;background:linear-gradient(270deg,rgba(251,250,247,0.98) 0%,rgba(251,250,247,0) 100%)}.lesson-family-carousel-shell[data-can-scroll-left="1"] .lesson-family-fade-left{opacity:1}.lesson-family-carousel-shell[data-can-scroll-right="1"] .lesson-family-fade-right{opacity:1}.lesson-family-grid{display:flex;flex-wrap:nowrap;gap:14px;margin-top:0;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 58px 8px;align-items:stretch;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:58px;overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;min-width:0}.lesson-family-grid::-webkit-scrollbar{display:none}.lesson-family-card{flex:0 0 280px;width:280px;min-width:280px;max-width:280px;min-height:100%;scroll-snap-align:start}.lesson-family-card .lesson-card-main{display:flex;flex-direction:column;height:100%}.lesson-family-card .lesson-card-main p{flex:1 1 auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.lesson-family-card-groups span{background:#f1e2c8}.lesson-grid.lesson-grid-compact .lesson-card{padding:16px;gap:10px}.lesson-grid.lesson-grid-compact .lesson-card-main h3{font-size:1.05rem}.lesson-grid.lesson-grid-compact .lesson-card-main p{font-size:0.9rem}.lesson-grid.lesson-grid-compact .lesson-badge{top:8px;right:8px;font-size:0.72rem;padding:4px 8px}.lesson-grid.lesson-grid-compact .lesson-tags span{font-size:0.75rem;padding:4px 8px}.language-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;background:#f4e3c8;color:#7b5c31;font-size:0.7rem;font-weight:800}.variants-display-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.variants-display-option{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--accent-dark);text-decoration:none;font-size:0.78rem;font-weight:700}.variants-display-option:hover{border-color:#d4b78e;background:#fff9ef}.variants-display-option.is-active{border-color:#b38342;background:#fff0d8}.variant-list{display:grid;grid-auto-rows:max-content;align-content:start;gap:8px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-left:2px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#caa774 #f6efdf}.variant-list::-webkit-scrollbar{width:10px}.variant-list::-webkit-scrollbar-track{background:#f6efdf;border-radius:999px}.variant-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d8b783 0%,#bc9153 100%);border-radius:999px;border:2px solid #f6efdf}.lesson-meta{margin-top:12px;font-size:0.9rem;color:var(--muted)}.topic-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.topic-chip{padding:10px 18px;background:#fff4e2;border-radius:999px;border:1px solid #ecd6b4;font-weight:600;color:var(--accent-dark)}.contact-layout{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.contact-page .contact-info h2{margin-top:0}.contact-page .contact-lead{color:var(--muted)}.contact-page .contact-details{color:var(--ink)}.contact-page .contact-form{background:#fff;border:1px solid var(--line);color:var(--ink)}.contact-page .contact-form label{color:var(--ink)}.contact-page .contact-form input,.contact-page .contact-form textarea{border:1px solid #e6ded1}.site-footer{padding:48px var(--side-pad) 32px;background:#1c1610;color:#f7efe3}.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}.footer-links{display:flex;flex-direction:column;gap:8px;color:#d8c8b1}.contact-info h3{margin-top:0}.contact-lead{color:#d8c8b1;max-width:420px}.contact-details{display:grid;gap:8px;margin-top:16px;color:#f0e3cf}.contact-form{display:grid;gap:14px;background:rgba(255,255,255,0.05);padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,0.1)}.contact-form label{display:grid;gap:6px;font-weight:600;color:#f7efe3}.contact-form input,.contact-form textarea{background:#fff;border:none;border-radius:12px;padding:10px 12px;font-size:0.95rem;font-family:var(--font-main)}.contact-form textarea{resize:vertical}.contact-form .primary{justify-self:start}.copyright{margin-top:24px;color:#c4b09a;font-size:0.85rem}.login{display:inline-flex;align-items:center;justify-content:center}a.primary,a.ghost,a.small-btn{text-decoration:none}.flash-stack{display:grid;gap:10px;margin-bottom:18px}.flash{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff}.flash-success{background:#edf8f0;border-color:#8fc3a2;color:#1f5b33}.flash-error{background:#fff1ef;border-color:#efb5ab;color:#8a2e1d}.flash-info{background:#f3f7ff;border-color:#bccdf3;color:#27478f}.auth-modal{position:fixed;inset:0;z-index:1100;background:transparent;display:block;padding:0}.auth-modal[hidden]{display:none}.auth-modal-dialog{width:min(440px,calc(100vw - 24px));background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 45px rgba(18,12,6,0.24);padding:16px;position:fixed;opacity:0;transform:translateY(-6px);transition:opacity 0.18s ease,transform 0.18s ease;pointer-events:none}.auth-modal.is-open .auth-modal-dialog{opacity:1;transform:translateY(0);pointer-events:auto}.auth-modal-dialog h2{margin:0 0 4px}.auth-modal-close{position:absolute;top:8px;inset-inline-end:8px;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--accent-dark);font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.auth-modal-close:hover{border-color:#c79d64;background:#fff4e2}.auth-modal-form{margin-top:8px}.auth-modal-links{margin-top:10px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.auth-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.auth-card h2{margin-top:0}.auth-state{margin-bottom:20px}.auth-settings-card{margin-bottom:20px}.field-hint{font-size:0.82rem;font-weight:500;color:var(--muted)}.lesson-title-autofill-status[data-state="loading"]{color:var(--accent-dark)}.lesson-title-autofill-status[data-state="success"]{color:#1f5b33}.lesson-title-autofill-status[data-state="unavailable"]{color:#8a5d16}.toggle-password{display:inline-flex !important;align-items:center;gap:8px;font-weight:600;color:var(--muted);width:fit-content;white-space:nowrap;flex-wrap:nowrap}.toggle-password input{width:auto}.auth-divider{margin:16px 0;border:0;border-top:1px dashed var(--line)}.auth-card h3{margin:0 0 10px;font-size:1rem}.settings-inline-toggle{display:inline-flex !important;align-items:center;gap:8px;font-weight:600;color:var(--ink);width:fit-content;justify-self:start;white-space:nowrap}.settings-inline-toggle input{width:auto}.auth-card-muted{background:#f8f2e7}.variant-editor{padding-top:8px;border-top:1px dashed var(--line)}.lesson-publish-editor{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.lesson-publish-editor h3{margin:0 0 8px;font-size:1.05rem}.variant-editor h3{margin:0 0 8px;font-size:1.05rem}.variant-rows{display:grid;gap:10px;margin-top:10px;margin-bottom:10px}.variant-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.variant-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}.variant-publish-grid{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.variant-default{display:inline-flex !important;align-items:center;gap:8px;color:var(--muted)}.variant-default input{width:auto}.variant-remove-btn{justify-self:start}.tag-picker{padding-top:8px;border-top:1px dashed var(--line)}.tag-picker h3{margin:0 0 10px;font-size:1.05rem}.lesson-family-picker .field-hint{margin-bottom:10px}.tag-pick-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-check{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2d0b2;background:#fff4e2;color:var(--accent-dark);padding:7px 10px;border-radius:999px;font-size:0.9rem}.tag-check input{width:auto}.lesson-family-pick-grid{margin-bottom:12px}.lesson-family-check{align-items:center}.lesson-family-check small{color:var(--muted);font-size:0.78rem}.publish-summary-list{display:grid;gap:8px}.publish-summary-item{display:grid;gap:4px}.publish-summary-item strong{color:var(--ink);font-size:0.82rem}.publish-summary-item-variant{padding-top:8px;border-top:1px dashed var(--line)}.publish-summary-line{color:var(--muted);line-height:1.45;word-break:break-word}.publish-modal{position:fixed;inset:0;z-index:1200;background:rgba(28,22,16,0.46);display:flex;align-items:center;justify-content:center;padding:18px}.publish-modal-open{overflow:hidden}.publish-modal[hidden]{display:none}.publish-modal-dialog{width:min(980px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 54px rgba(18,12,6,0.28);padding:18px;position:relative}.publish-modal-dialog h3,.publish-modal-dialog h4,.publish-modal-dialog h5{margin-top:0}.publish-modal-close{position:absolute;top:10px;inset-inline-end:10px;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--accent-dark);font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.publish-modal-form{margin-top:10px}.publish-modal-section{margin-top:14px}.publish-modal-variants{display:grid;gap:12px}.publish-modal-variant-card{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.publish-modal-variant-card h5{margin-bottom:10px;color:var(--ink)}.publish-modal-actions{margin-top:16px}.small-btn{border:1px solid var(--line);background:#fff;color:var(--accent-dark);padding:7px 12px;border-radius:999px;font-size:0.85rem;font-weight:700;cursor:pointer}.danger{border:1px solid #efb5ab;background:#fff1ef;color:#8a2e1d}.permission-list{display:grid;gap:6px}.permission-item{display:inline-flex;align-items:center;gap:7px;font-size:0.85rem}.permission-item input{width:auto}html[dir="ltr"] .toggle-password{justify-self:start}html[dir="rtl"] .toggle-password{justify-self:start}html[dir="ltr"] .lesson-badge{right:auto;left:12px}@media (max-width:720px){.site-header{grid-template-columns:1fr;justify-items:center;gap:12px}.header-left{justify-self:center;flex-direction:column}.header-search input{width:min(320px,80vw)}.hero-actions{flex-direction:column;align-items:stretch}.page-hero{padding:56px 7vw 32px}.lesson-grid{grid-template-columns:1fr}.lesson-card{grid-template-columns:1fr}.lesson-media{grid-column:1;grid-row:1;aspect-ratio:16 / 9}.lesson-family-toolbar{flex-direction:column;align-items:stretch}.lesson-family-nav{inset:0}.lesson-family-nav-btn{width:38px;height:38px}.lesson-family-nav-btn-left{left:8px}.lesson-family-nav-btn-right{right:8px}.lesson-family-fade{width:46px}.lesson-family-grid{padding-inline:44px;scroll-padding-inline:44px}.variant-list{max-height:none}.variant-row-grid{grid-template-columns:1fr}}