:root{color-scheme:light;--burgundy:#6f1d2b;--burgundy-dark:#4e1420;--burgundy-soft:#f7edef;--gold:#b28a45;--gold-light:#f2e7ce;--ink:#252322;--muted:#817c76;--paper:#fff;--canvas:#f7f6f3;--line:#ece9e4;--green:#2b7657;--shadow:0 12px 34px rgba(49,37,29,.07);font-family:'Cairo',Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.75}button,input,select{font:inherit}button{color:inherit}.skip-link{position:fixed;top:-80px;right:20px;z-index:999;background:var(--burgundy);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;width:264px;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--line);padding:22px 18px 17px;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding:3px 4px 25px}.brand img{object-fit:cover;border-radius:50%;border:1px solid #eadcbf;background:#faf5e6}.brand strong,.brand small{display:block}.brand strong{font-size:13px;line-height:1.65;color:var(--burgundy-dark)}.brand small{font-size:11px;color:var(--muted)}.nav-caption{font-size:10px;color:#a69f96;font-weight:700;padding:11px 13px 8px}.primary-nav{display:grid;gap:4px}.nav-item{position:relative;width:100%;border:0;background:transparent;display:flex;align-items:center;gap:13px;text-align:right;padding:11px 13px;border-radius:10px;color:#69645e;cursor:pointer;transition:background .2s,color .2s}.nav-item:hover{background:#f8f5f1;color:var(--burgundy)}.nav-item.active{background:#f5ebeb;color:var(--burgundy);font-weight:700}.nav-item.active:before{content:"";position:absolute;right:0;top:11px;bottom:11px;width:3px;background:var(--burgundy);border-radius:3px 0 0 3px}.nav-icon{font-size:19px;width:22px;text-align:center;color:var(--gold)}.sidebar-bottom{margin-top:auto;display:grid;gap:6px}.offline-card{display:flex;gap:10px;align-items:center;padding:11px 12px;margin:10px 2px 13px;background:#f8f7f4;border:1px solid var(--line);border-radius:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:#d3a640;flex:none}.status-dot.online{background:#3a9b70;box-shadow:0 0 0 4px #e7f3ed}.status-dot.offline{background:#ca7b52}.offline-card strong,.offline-card small{display:block;line-height:1.5}.offline-card strong{font-size:11px}.offline-card small{font-size:10px;color:var(--muted)}.sidebar-foot{font-size:10px;text-align:center;color:#a39c93;padding:12px 5px 0;border-top:1px solid var(--line)}.main-column{margin-right:264px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,58px);background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;backdrop-filter:blur(12px)}.breadcrumbs{font-size:12px;color:#8f8980}.breadcrumbs b{font-weight:400;padding:0 10px;color:#c4bdb3}.breadcrumbs strong{color:#45413c}.top-actions{display:flex;align-items:center;gap:11px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:#605a52;cursor:pointer;position:relative}.icon-button:hover{color:var(--burgundy);border-color:#d7bdab}.notification-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#bc5a49}.profile-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:right;padding:3px;cursor:pointer}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#f2e6d6;color:var(--burgundy);font-weight:800}.profile-copy strong,.profile-copy small{display:block;line-height:1.45}.profile-copy strong{font-size:11px}.profile-copy small{font-size:10px;color:var(--muted)}.chevron{color:#9b938a;margin-right:4px}.menu-toggle{display:none}main{width:min(1220px,100%);margin:0 auto;padding:32px clamp(20px,4vw,58px) 70px;flex:1}.view{display:none;animation:appear .25s ease}.view.active{display:block}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.welcome-panel{min-height:264px;padding:36px 42px;position:relative;overflow:hidden;border-radius:18px;color:#fff;background:linear-gradient(112deg,#4e1420,#762633 56%,#8a483d);box-shadow:0 17px 38px rgba(89,28,39,.16)}.welcome-copy{position:relative;z-index:2;max-width:670px}.eyebrow{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.1px}.welcome-panel .eyebrow{color:#e9d09b}.cross-mark{font-size:13px;margin-left:7px}.welcome-panel h1{font-size:clamp(24px,3vw,34px);margin:13px 0 3px;line-height:1.5}.welcome-panel h1 span{color:#f0d79e}.welcome-panel p{color:#f2e8e3;margin:0 0 23px;font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:8px 17px;text-decoration:none;border-radius:9px;font-weight:700;font-size:12px;cursor:pointer;transition:transform .15s,background .2s,border .2s}.button:hover{transform:translateY(-1px)}.button-light{color:var(--burgundy-dark);background:#f1deba;border:1px solid #f1deba}.button-light:hover{background:#f7eacf}.welcome-seal{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:184px;height:184px;border-radius:50%;padding:8px;background:#ffffff12;border:1px solid #edce8f60;opacity:.95}.welcome-seal img{width:100%;height:100%;object-fit:cover;border-radius:50%}.welcome-ornament{position:absolute;left:25%;top:-110px;color:#f3d698;opacity:.07;font-size:385px;line-height:1;pointer-events:none}.notice-strip{display:flex;align-items:center;gap:12px;margin:19px 0 28px;padding:13px 16px;border:1px solid #eadfc9;border-radius:11px;background:#fbf8f0}.notice-icon{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:50%;background:#f2e7ce;color:#98763c;font-weight:800}.notice-strip strong{font-size:11px;color:#5a4930}.notice-strip p{margin:1px 0 0;color:#827867;font-size:11px}.text-button{border:0;background:transparent;color:var(--burgundy);font-weight:700;font-size:11px;white-space:nowrap;cursor:pointer;padding:5px}.text-button:hover{text-decoration:underline}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 14px}.section-heading h2,.page-intro h1{font-size:21px;line-height:1.5;margin:2px 0 0;color:#302a26}.section-heading .eyebrow,.page-intro .eyebrow{color:#a28149}.section-heading-tight{margin-top:28px}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.level-card{position:relative;min-height:139px;text-align:right;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s,border .2s;overflow:hidden}.level-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d7c6a2}.level-number{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f5eddf;color:#937242;font-weight:800;font-size:13px}.level-card strong{display:block;margin-top:12px;font-size:12px}.level-card small{display:block;color:#9a948b;font-size:10px;margin-top:2px}.level-card .level-open{position:absolute;left:14px;bottom:12px;color:#a2885a;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.feature-card{min-height:121px;display:flex;align-items:center;gap:12px;padding:16px;text-align:right;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.feature-symbol{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;background:#f5ecdf;color:#8a6935;font-size:21px}.feature-results .feature-symbol{background:#f8e9e6;color:#a04a40}.feature-join .feature-symbol{background:#e8f1eb;color:#467b5f}.feature-text{display:grid;gap:1px;flex:1}.feature-text small{font-size:9px;color:#a28a63}.feature-text strong{font-size:12px}.feature-text span{font-size:10px;color:#918a81;line-height:1.5}.feature-arrow{color:#b2a17d}.announcement-list{display:grid;gap:9px}.announcement-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:#fff}.announcement-marker{width:8px;height:8px;border-radius:50%;background:#b5914f;flex:none}.announcement-row strong{font-size:11px}.announcement-row p{margin:1px 0 0;color:#8a837b;font-size:10px}.personal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.personal-card{padding:15px 17px;border:1px solid var(--line);border-radius:11px;background:#fff;display:flex;align-items:center;gap:12px}.personal-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f4eee4;color:#94733e;font-size:17px}.personal-card strong,.personal-card small{display:block}.personal-card strong{font-size:12px}.personal-card small{color:#948d83;font-size:10px}.page-intro{margin:7px 0 23px}.page-intro h1{font-size:25px;margin:3px 0}.page-intro p{margin:3px 0;color:#878077;font-size:12px}.page-intro-row{display:flex;align-items:center;justify-content:space-between}.button-outline{background:#fff;border:1px solid #ded7cd;color:#5f5546}.button-outline:hover{border-color:var(--gold)}.toolbar{display:flex;gap:10px;margin:19px 0 18px}.search-box{display:flex;align-items:center;gap:9px;flex:1;min-width:150px;height:42px;padding:0 12px;border:1px solid #e7e2dc;border-radius:9px;background:#fff;color:#a69e94}.search-box span{font-size:22px}.search-box input{width:100%;height:100%;outline:0;border:0;background:transparent;font-size:11px;color:var(--ink)}select{min-width:150px;height:42px;padding:0 11px;border:1px solid #e7e2dc;border-radius:9px;background:#fff;color:#6d665d;font-size:11px;outline-color:#bb9a5e}.tab-row{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px}.tab-button,.chip{white-space:nowrap;border:1px solid #e6e1d9;border-radius:8px;background:#fff;color:#756e64;padding:7px 13px;font-size:11px;cursor:pointer}.tab-button.active,.chip.active{background:var(--burgundy);border-color:var(--burgundy);color:#fff}.content-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;min-height:190px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-heading h2{font-size:15px;margin:0}.panel-heading small{color:#968e83;font-size:10px}.subject-list{display:grid;gap:10px}.subject-card{border:1px solid #eeeae4;border-radius:10px;padding:14px 15px}.subject-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.subject-header h3{font-size:12px;margin:0}.subject-header small{font-size:10px;color:#9d958b}.lesson-list{display:grid;gap:7px;margin-top:11px}.lesson-row{display:flex;align-items:center;gap:11px;padding:10px;background:#faf9f7;border-radius:8px;cursor:pointer;border:1px solid transparent}.lesson-row:hover{border-color:#dfd1b5}.lesson-kind{width:31px;height:31px;border-radius:8px;background:#f1e9db;display:grid;place-items:center;color:#896d3d;flex:none}.lesson-info{flex:1}.lesson-info strong,.lesson-info small{display:block}.lesson-info strong{font-size:11px}.lesson-info small{font-size:10px;color:#918a82}.lesson-state{color:#a58b59;font-size:10px;white-space:nowrap}.empty-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#948b80;padding:22px}.empty-state>span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#f6f2eb;color:#b39867;font-size:20px;margin-bottom:8px}.empty-state strong{font-size:12px;color:#554e45}.empty-state p{max-width:420px;font-size:10px;margin:4px 0 0}.empty-state.compact{min-height:130px;border:1px dashed #e8e2d8;border-radius:10px;margin-top:18px}.notice-muted{background:#f8f7f4;border-color:#e8e4dc;margin:0 0 18px}.notice-muted .notice-icon{background:#ece9e2;color:#79736b}.category-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:13px}.chants-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chant-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #eeeae4;border-radius:10px}.chant-card .lesson-kind{background:#f6ecea;color:var(--burgundy)}.chant-card strong,.chant-card small{display:block}.chant-card strong{font-size:11px}.chant-card small{font-size:10px;color:#958d83}.chant-card .source-label{margin-right:auto;font-size:9px;color:#9b8c6f;white-space:nowrap}.progress-section{margin-top:26px}.enrollment-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.enrollment-grid h2{font-size:15px;margin:0 0 6px}.panel-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#f4eddf;color:#a0814a;font-size:18px;margin-bottom:12px}.muted-copy{font-size:11px;color:#878077;margin:0;line-height:1.9}.contact-placeholder{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #f0ede8}.contact-placeholder:first-of-type{margin-top:14px}.contact-placeholder>span{font-size:18px;color:#9e8050}.contact-placeholder strong,.contact-placeholder small{display:block}.contact-placeholder strong{font-size:11px}.contact-placeholder small{font-size:10px;color:#8f887e}.site-footer{display:flex;align-items:center;gap:12px;margin:0 clamp(20px,4vw,58px);padding:19px 0;border-top:1px solid var(--line);color:#a28653}.site-footer>span:first-child{font-size:22px}.site-footer strong,.site-footer small{display:block}.site-footer strong{font-size:11px;color:#595149}.site-footer small{font-size:10px;color:#9b9389}.footer-place{margin-right:auto;font-size:10px;color:#9a9288}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.service-card h2{font-size:13px;margin:0 0 3px}.service-card p{font-size:10px;color:#8c847a;margin:0 0 12px}.service-state{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border-radius:20px;background:#f7f2e6;color:#8c7447;font-size:10px}.service-state.ready{background:#eaf4ee;color:#367658}.setup-note{grid-column:1/-1;background:#fff;border:1px solid #eadfc9;border-radius:12px;padding:18px 20px}.setup-note h2{font-size:14px;margin:0 0 5px}.setup-note p,.setup-note li{font-size:11px;color:#776f64;line-height:1.9}.setup-note ul{padding-right:20px;margin:5px 0}.setup-note code{direction:ltr;unicode-bidi:embed;background:#f4f1ec;border-radius:4px;padding:2px 5px}.auth-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:13px}.auth-state p{font-size:11px;color:#827a70;margin:2px 0 0}.button-primary{background:var(--burgundy);color:#fff;border:1px solid var(--burgundy)}.button-primary:hover{background:var(--burgundy-dark)}.button-small{min-height:34px;font-size:10px;padding:6px 12px}.danger-button{border-color:#e7d1cb;color:#98493c;background:#fff}.mobile-nav{display:none}.toast-region{position:fixed;bottom:22px;left:22px;z-index:100;display:grid;gap:8px}.toast{max-width:min(380px,calc(100vw - 36px));padding:11px 15px;border-radius:10px;background:#2d2926;color:#fff;box-shadow:var(--shadow);font-size:11px;animation:appear .2s ease}.toast.error{background:#8e3932}.toast.success{background:#356d51}.modal{border:0;padding:0;background:transparent;max-width:min(480px,calc(100vw - 28px));width:100%;color:var(--ink)}.modal::backdrop{background:#211b18a8;backdrop-filter:blur(3px)}.modal-card{position:relative;display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid #eee8de;border-radius:15px;box-shadow:0 22px 70px #25191433}.modal-card h2{font-size:20px;margin:3px 0 10px}.modal-logo{width:60px;height:60px;object-fit:cover;border-radius:50%;margin-bottom:12px}.modal-close{position:absolute;top:11px;left:13px;width:31px;height:31px;border:0;border-radius:8px;background:#f6f4f1;color:#756d64;font-size:20px;cursor:pointer}.field-label{display:grid;gap:5px;margin-top:13px;font-size:10px;font-weight:700}.field-label input{height:41px;padding:0 11px;border:1px solid #e2ddd5;border-radius:8px;outline-color:#b7965b}.modal-card .button{margin-top:17px}.form-footnote{font-size:9px;color:#9a9287;margin:10px 0 0}.lesson-modal-card{min-height:220px}.lesson-detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.meta-pill{padding:4px 9px;border-radius:20px;background:#f5f1e8;color:#86734f;font-size:9px}.lesson-body{color:#69625a;font-size:12px;line-height:2;margin:13px 0}.lesson-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.favorite-button,.complete-button{border:1px solid #e2dbd0;background:#fff;border-radius:8px;padding:8px 12px;font-size:10px;cursor:pointer}.favorite-button.active{background:#fbf0ef;border-color:#e5c5c0;color:#a64d42}.complete-button.active{background:#eef5f0;border-color:#c6dfcf;color:#377452}.is-dark{color-scheme:dark;--ink:#f0ece7;--muted:#b7aea3;--paper:#282522;--canvas:#1d1b19;--line:#3b3732;--shadow:0 12px 34px #0004}.is-dark .sidebar,.is-dark .topbar,.is-dark .content-panel,.is-dark .level-card,.is-dark .feature-card,.is-dark .announcement-row,.is-dark .personal-card,.is-dark .subject-card,.is-dark .auth-state,.is-dark .service-card,.is-dark .setup-note,.is-dark .modal-card,.is-dark .search-box,.is-dark select,.is-dark .tab-button,.is-dark .chip,.is-dark .icon-button,.is-dark .button-outline{background:#282522;color:var(--ink);border-color:var(--line)}.is-dark .brand strong,.is-dark .section-heading h2,.is-dark .page-intro h1,.is-dark .feature-text strong,.is-dark .level-card strong,.is-dark .lesson-info strong,.is-dark .subject-header h3,.is-dark .service-card h2,.is-dark .setup-note h2,.is-dark .modal-card h2{color:#f0ece7}.is-dark .offline-card,.is-dark .lesson-row,.is-dark .contact-placeholder,.is-dark .personal-icon{background:#302d29;border-color:#3e3933}.is-dark .notice-strip{background:#342f27;border-color:#54482e}.is-dark .notice-strip p,.is-dark .muted-copy,.is-dark .setup-note p,.is-dark .setup-note li{color:#b9afa1}.is-dark .site-footer strong{color:#ddd4c8}.is-dark .nav-item{color:#c7bfb4}.is-dark .nav-item.active{background:#492c30;color:#f0d7db}.is-dark .mobile-nav{background:#282522;border-color:#3b3732}
@media(max-width:1120px){.sidebar{width:230px}.main-column{margin-right:230px}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1}.welcome-seal{left:4%;width:150px;height:150px}.welcome-copy{max-width:70%}}
@media(max-width:760px){.sidebar{transform:translateX(105%);transition:transform .25s ease;box-shadow:-12px 0 30px #0001;width:min(290px,84vw)}.sidebar.open{transform:translateX(0)}.main-column{margin-right:0;padding-bottom:69px}.topbar{height:62px;padding:0 16px}.menu-toggle{display:grid}.breadcrumbs{margin-left:auto;margin-right:12px}.breadcrumbs span,.breadcrumbs b{display:none}.profile-copy,.chevron{display:none}.top-actions{gap:7px}.icon-button{width:35px;height:35px}.topbar .profile-button{padding-right:3px}main{padding:23px 17px 36px}.welcome-panel{padding:26px 22px;min-height:250px}.welcome-copy{max-width:100%}.welcome-panel h1{font-size:24px;max-width:450px}.welcome-panel p{max-width:300px;font-size:11px}.welcome-seal{left:-41px;width:145px;height:145px;top:72%;opacity:.23}.welcome-ornament{left:-7%;font-size:300px}.notice-strip{align-items:flex-start;padding:12px;gap:9px}.notice-strip .text-button{align-self:center;font-size:10px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.level-card{min-height:127px;padding:12px}.feature-grid{grid-template-columns:1fr;gap:9px;margin-top:13px}.feature-card,.feature-card:last-child{grid-column:auto;min-height:88px;padding:12px}.feature-symbol{width:37px;height:37px}.personal-grid{grid-template-columns:1fr}.personal-card{padding:12px}.section-heading{margin-top:25px}.section-heading h2,.page-intro h1{font-size:19px}.section-heading .text-button{font-size:10px}.page-intro-row{align-items:flex-start;gap:8px}.page-intro-row .button{font-size:10px;padding:7px 10px;min-height:37px}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%;height:40px}.toolbar select{flex:1;min-width:0;height:39px}.content-panel{padding:14px}.chants-grid{grid-template-columns:1fr}.enrollment-grid,.admin-grid{grid-template-columns:1fr}.setup-note{grid-column:auto}.site-footer{margin:0 17px}.footer-place{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;right:0;left:0;z-index:30;padding:6px 5px max(6px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px #1b120b0a}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:0;border:0;background:transparent;color:#817b72;font-size:9px;padding:3px 0;cursor:pointer}.mobile-nav-item span{font-size:18px;line-height:1.5;color:#9c865e}.mobile-nav-item.active{color:var(--burgundy);font-weight:700}.mobile-nav-item.active span{color:var(--burgundy)}.toast-region{bottom:78px;left:12px}.site-footer{padding:14px 0}}
@media(max-width:390px){.welcome-panel h1{font-size:21px}.level-grid{grid-template-columns:1fr 1fr}.brand strong{font-size:12px}.notice-strip p{font-size:10px}.notice-strip .text-button{max-width:65px;white-space:normal}.profile-button{gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin:14px 0 19px}.admin-form .field-label{margin-top:0}.admin-form textarea{width:100%;padding:9px 10px;border:1px solid #e2ddd5;border-radius:8px;resize:vertical;outline-color:#b7965b;font:inherit;font-size:11px}.admin-form button{align-self:end;justify-self:start}.contact-placeholder a{color:var(--burgundy);text-decoration:none}.contact-placeholder a:hover{text-decoration:underline}.is-dark .admin-form textarea{background:#282522;color:var(--ink);border-color:var(--line)}@media(max-width:760px){.admin-form{grid-template-columns:1fr}}
.home-search{display:flex;gap:9px;max-width:610px;margin:17px 0}.home-search .search-box{height:44px}.home-search .button{flex:none}@media(max-width:760px){.home-search{margin:13px 0}.home-search .button{padding:7px 13px}}

.content-manager{margin-top:34px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow)}
.content-manager-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.content-manager-header h2{margin:2px 0 3px;font-size:21px;color:var(--ink)}
.content-manager-header p{margin:0;color:var(--muted);font-size:12px}
.content-manager-counts{display:flex;gap:9px;flex-wrap:wrap}
.content-manager-counts span{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--canvas);color:var(--muted);font-size:11px}
.content-manager-counts strong{color:var(--burgundy);font-size:14px;margin-left:4px}
.content-manager-search{max-width:480px;height:43px;margin:18px 0 25px}
.managed-group+.managed-group{margin-top:29px}
.managed-group-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.managed-group-heading h3{margin:0;color:var(--ink);font-size:15px}
.managed-group-heading small{color:var(--muted);font-size:11px}
.managed-count{display:grid;place-items:center;min-width:29px;height:27px;padding:0 8px;border-radius:8px;background:var(--burgundy-soft);color:var(--burgundy);font-size:11px;font-weight:800}
.managed-items{display:grid;gap:9px}
.managed-item{border:1px solid var(--line);border-radius:11px;background:var(--paper);overflow:hidden;transition:border-color .18s,box-shadow .18s}
.managed-item:hover,.managed-item[open]{border-color:#d7c6a2;box-shadow:0 5px 16px rgba(49,37,29,.05)}
.managed-item[hidden]{display:none}
.managed-item>summary{display:flex;align-items:center;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}
.managed-item>summary::-webkit-details-marker{display:none}
.managed-item-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:10px;background:var(--burgundy-soft);color:var(--burgundy);font-size:17px}
.managed-item-copy{display:grid;gap:1px;min-width:0;flex:1}
.managed-item-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px}
.managed-item-copy small{color:var(--muted);font-size:10px}
.managed-item-action{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;white-space:nowrap}
.managed-item-action b{font-size:15px;transition:transform .2s}
.managed-item[open] .managed-item-action b{transform:rotate(180deg)}
.managed-item .content-edit-form{margin:0;padding:16px;border-top:1px solid var(--line);background:var(--canvas)}
.managed-item .content-edit-form input,.managed-item .content-edit-form select{min-width:0}
.managed-description{grid-column:1/-1}
.managed-actions{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding-top:4px}
.button-danger{border:1px solid #e7c9c5;background:#fff8f7;color:#a43e35}
.button-danger:hover{border-color:#d59a94;background:#fdf0ee}
.managed-empty{padding:20px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:12px}
.is-dark .content-manager,.is-dark .managed-item{background:#282522;border-color:var(--line)}
.is-dark .content-manager-counts span,.is-dark .managed-item .content-edit-form{background:#201e1c}
.is-dark .managed-item-icon{background:#422d31;color:#f1c5cb}
.is-dark .button-danger{background:#392624;border-color:#65403b;color:#f0b3aa}
@media(max-width:760px){.content-manager{padding:16px;margin-top:25px}.content-manager-header{align-items:flex-start;flex-direction:column}.content-manager-counts{width:100%}.managed-item>summary{gap:9px;padding:11px}.managed-item-action{font-size:0}.managed-item-action b{font-size:16px}.managed-item .content-edit-form{padding:12px}.managed-actions{flex-wrap:wrap}}

.chants-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:23px 25px;margin-bottom:20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(115deg,var(--paper),var(--canvas))}
.chants-heading .page-intro{margin:0}
.chants-heading .page-intro h1{font-size:25px}
.chants-heading-actions{display:flex;align-items:center;gap:12px}
.chants-total{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--muted);font-size:11px;white-space:nowrap}
.chants-total strong{color:var(--burgundy);font-size:15px;margin-left:4px}
.chants-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:12px;align-items:end;margin:19px 0 14px}
.chants-toolbar .search-box{height:45px}
.filter-field{display:grid;gap:4px;color:var(--muted);font-size:10px}
.filter-field select{height:45px;width:100%;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);outline-color:#b7965b}
.category-chips{padding:2px 0 13px}
#chants-content.content-panel{min-height:245px;padding:18px}
.library-empty{min-height:205px;gap:5px}
.library-empty .empty-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:5px;border-radius:14px;background:var(--burgundy-soft);color:var(--burgundy);font-size:22px}
.library-empty strong{color:var(--ink);font-size:14px}
.library-empty p{max-width:430px;margin:1px 0 9px;color:var(--muted);font-size:11px}
.is-dark .chants-heading{background:linear-gradient(115deg,#282522,#24211f);border-color:var(--line)}
.is-dark .chants-total,.is-dark .filter-field select{background:#201e1c;border-color:var(--line);color:var(--ink)}
.is-dark .library-empty .empty-icon{background:#422d31;color:#f1c5cb}
@media(max-width:760px){.chants-heading{align-items:flex-start;flex-direction:column;padding:18px}.chants-heading .page-intro h1{font-size:21px}.chants-heading-actions{width:100%;justify-content:space-between}.chants-toolbar{grid-template-columns:1fr}.chants-toolbar .search-box{width:100%}#chants-content.content-panel{padding:10px}}

.admin-section{margin:18px 0;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 5px 18px rgba(49,37,29,.035)}
.admin-section-heading{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.admin-section-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:11px;background:var(--burgundy-soft);color:var(--burgundy);font-size:18px}
.admin-section-heading h2{margin:0;color:var(--ink);font-size:15px}
.admin-section-heading p{margin:2px 0 0;color:var(--muted);font-size:11px}
.admin-subsection{padding-top:17px}
.admin-subsection+.admin-subsection{margin-top:14px;border-top:1px solid var(--line)}
.admin-subsection h3{margin:0;color:var(--ink);font-size:12px}
.admin-section .admin-form{margin:13px 0 2px;gap:12px 15px}
.admin-field-wide{grid-column:1/-1}
.admin-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:9px}
.admin-form-actions .button{min-width:145px}
.admin-section .field-label{color:#625d56;font-weight:700;font-size:11px}
.admin-section .field-label input,.admin-section .field-label select{min-height:42px}
.admin-section input[type="file"]{min-height:42px;padding:7px;border:1px dashed #d6cbb9;border-radius:8px;background:var(--canvas);font-size:10px}
.admin-section .field-label input:focus,.admin-section .field-label select:focus,.admin-section textarea:focus{border-color:#b7965b;box-shadow:0 0 0 3px rgba(183,150,91,.14);outline:0}
.category-edit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin-top:12px}
.category-edit-form.admin-form{margin:0;padding:10px 0;border-top:1px solid var(--line)}
.category-edit-form .admin-form-actions .button{min-width:unset}
.is-dark .admin-section{background:#282522;border-color:var(--line)}
.is-dark .admin-section-icon{background:#422d31;color:#f1c5cb}
.is-dark .admin-section .field-label{color:var(--ink)}
.is-dark .admin-section input[type="file"]{background:#201e1c;border-color:var(--line);color:var(--ink)}
@media(max-width:760px){.admin-section{padding:16px;margin:14px 0}.admin-section .admin-form{gap:10px}.admin-field-wide{grid-column:auto}.admin-form-actions{grid-column:1}.admin-form-actions .button{width:100%}.category-edit-list{grid-template-columns:1fr}}