:root{color-scheme:light;--bg:#f6f7f9;--surface:#ffffff;--surface-strong:#f0f3f6;--text:#18212b;--muted:#687382;--line:#dbe1e8;--accent:#0f766e;--accent-strong:#115e59;--shadow:0 18px 55px rgba(24,33,43,0.12);font-family:Inter,Segoe UI,Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:flex-start;gap:24px;padding:14px clamp(18px,4vw,56px);background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:800}.brand-mark{display:grid;width:38px;height:34px;place-items:center;border-radius:8px;background:var(--accent);color:#fff;font-size:13px}.desktop-nav,.nav{display:flex;align-items:center;gap:clamp(14px,3vw,30px);color:var(--muted);font-size:15px;font-weight:650}.desktop-nav a:hover,.nav a:hover{color:var(--accent)}.mobile-menu-panel,.mobile-menu-scrim,.mobile-menu-trigger{display:none}.hero{display:grid;min-height:min(640px,calc(100vh - 64px));align-items:center;padding:72px clamp(18px,6vw,84px);background:linear-gradient(90deg,rgba(7,38,35,.82),rgba(7,38,35,.38)),url(/images/bg_001.jpeg) 50% /cover;color:#fff}.hero-copy{width:min(760px,100%)}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:#aaf0e6}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:820px;font-size:clamp(38px,7vw,76px);line-height:1.04}h1,h2{margin:0;letter-spacing:0}h2{font-size:clamp(26px,4vw,42px)}.hero-text{width:min(620px,100%);margin:22px 0 30px;color:rgba(255,255,255,.86);font-size:clamp(17px,2vw,21px);line-height:1.7}.primary-action,.refresh-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font:inherit;font-weight:800}.primary-action{padding:0 20px}.refresh-button{min-width:92px;padding:0 18px}.refresh-button:disabled{cursor:wait;opacity:.72}.primary-action:hover,.refresh-button:hover:not(:disabled){background:var(--accent-strong)}.about-section,.content-section{padding:56px clamp(18px,5vw,72px)}.courses-page .content-section{padding-top:36px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.status{margin-bottom:18px;color:var(--muted);font-size:15px}.status.error{color:#b42318}.content-grid{display:grid;gap:16px}.content-card{display:flex;flex-direction:column;gap:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px;box-shadow:var(--shadow);transition:border-color .2s ease,transform .2s ease}.content-card:hover{border-color:rgba(15,118,110,.45);transform:translateY(-1px)}.card-main{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}.card-image{width:100%;aspect-ratio:16/9;border-radius:6px;-o-object-fit:cover;object-fit:cover;background:var(--surface-strong)}.placeholder{display:block}.card-body{display:grid;gap:12px;min-width:0}.card-title{margin:0;font-size:20px;line-height:1.32}.card-tags{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px;margin-left:8px;vertical-align:middle}.card-tag{display:inline-block;padding:1px 8px;border:1px solid #e3e8f2;border-radius:999px;background:#f4f7fd;color:#68718a;font-size:11px;font-weight:650;line-height:1.6;white-space:nowrap}.card-excerpt{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.course-stats{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0}.course-stats div{display:inline-flex;min-width:0;align-items:baseline;gap:6px}.course-stats dt{margin:0;color:var(--muted);font-size:13px}.course-stats dd{margin:0;color:var(--text);font-size:14px;font-weight:800;overflow-wrap:anywhere}.empty-state{padding:28px;border:1px dashed var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.category-detail-page,.category-page{min-height:calc(100vh - 64px);background:var(--surface)}.category-shell{width:min(1180px,100%);margin:0 auto;padding:30px clamp(14px,4vw,56px) 56px}.category-titlebar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;margin-bottom:26px}.category-titlebar h1{justify-self:center;font-size:clamp(30px,5vw,44px)}.category-back{display:grid;width:44px;height:44px;place-items:center;border-radius:999px;color:var(--text);font-size:28px;font-weight:700}.category-back:hover,.category-browser{background:var(--surface)}.category-browser{position:relative;display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:clamp(18px,4vw,36px);align-items:start;min-height:calc(100vh - 164px)}.category-browser:before{position:absolute;top:0;bottom:-56px;left:0;z-index:0;width:min(220px,max(140px,18.6vw));background:var(--surface-strong);content:""}.category-primary-list,.category-secondary-list{position:relative;z-index:1}.category-primary-list{position:sticky;top:92px;display:grid;align-content:start;gap:0;min-height:calc(100vh - 148px);padding:12px;border-radius:8px;background:transparent}.category-primary-link{display:grid;min-height:64px;align-items:center;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#747d87;cursor:pointer;font-size:clamp(18px,2.5vw,24px);font-weight:750;line-height:1.25;text-align:left}.category-primary-link.active,.category-primary-link:hover{background:var(--surface);color:var(--accent)}.category-secondary-list{display:grid;gap:26px;background:var(--surface)}.category-active-heading{display:grid;justify-items:start}.category-active-heading a{color:var(--accent-strong);font-size:clamp(22px,3vw,30px);font-weight:800}.category-active-heading a:hover{color:var(--accent)}.category-group{padding:0}.category-group-title{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--accent-strong);font-size:clamp(22px,3vw,30px);font-weight:850}.category-group-title span{color:var(--muted)}.category-subgroups{display:grid;gap:16px}.category-subgroup{display:grid;gap:10px;padding:0}.category-subgroup-title{color:var(--text);font-size:19px;font-weight:800}.category-chip-list{display:flex;flex-wrap:wrap;gap:10px}.category-chip{display:inline-flex;min-height:34px;align-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:15px;font-weight:750}.category-chip:hover,.category-group-title:hover,.category-subgroup-title:hover{color:var(--accent)}.category-detail-hero{padding:42px clamp(18px,5vw,72px) 18px}.category-detail-hero h1{margin-bottom:18px;color:var(--text);font-size:clamp(34px,6vw,64px)}.category-detail-hero>p:not(.eyebrow){width:min(760px,100%);margin:0 0 20px;color:var(--muted);font-size:18px;line-height:1.78}.category-parent{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.category-parent span{color:var(--muted);font-size:14px}.category-parent a{color:var(--accent-strong);font-weight:850}.course-detail-page{width:min(100%,760px);min-height:100vh;margin:0 auto;background:var(--surface)}.detail-cover{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--surface-strong)}.detail-cover img,.detail-cover-placeholder{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.detail-cover:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(24,33,43,.28),rgba(24,33,43,.02) 48%,rgba(24,33,43,.18));pointer-events:none}.detail-audio-mark,.detail-back{position:absolute;z-index:1;display:grid;width:42px;height:42px;place-items:center;border-radius:999px;background:rgba(255,255,255,.78);color:#4f403f;font-size:24px;font-weight:800;backdrop-filter:blur(10px)}.detail-back{top:22px;left:22px}.detail-audio-mark{top:22px;right:22px;color:var(--accent-strong)}.detail-content{padding:34px clamp(20px,5vw,56px) 48px}.detail-name{display:inline-flex;min-height:46px;align-items:center;margin-bottom:26px;padding:0 24px;border:1px solid #e3b8a5;border-radius:10px;background:#fffaf4;color:#5a4035;font-size:17px;font-weight:700}.detail-teachers{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px}.detail-teacher-avatar{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.detail-teacher-avatar img{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--line)}.detail-teacher-type{font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:1px 8px;border-radius:10px;white-space:nowrap}.detail-teacher-initial{width:56px;height:56px;border-radius:50%;background:var(--surface-strong);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--muted);border:2px solid var(--line)}.detail-intro{margin:0 0 22px;color:#4f4645;font-size:18px;line-height:1.72}.detail-meta{display:flex;flex-wrap:wrap;gap:14px 26px;margin:0 0 64px}.detail-meta div{display:inline-flex;align-items:center;gap:8px;color:#5a4c4a}.detail-meta dt{margin:0;color:var(--muted);font-size:14px}.detail-meta dd{margin:0;font-size:16px;font-weight:700}.section-title-row{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.section-title-row h1{margin:0;font-size:26px;line-height:1.2}.section-title-row span{color:#6d6261;font-size:17px}.section-list{border-top:1px solid #ead5cf}.section-item{border-bottom:1px solid #ead5cf;background:var(--surface)}.section-row{display:grid;grid-template-columns:48px minmax(0,1fr) 42px;gap:24px;align-items:center;min-height:110px;padding:18px 0}.section-index{display:grid;width:48px;height:48px;place-items:center;border-radius:999px;background:#ffd8d3;color:#6b3934;font-weight:800}.section-copy{min-width:0}.section-copy h2{margin:0 0 6px;color:#2e2928;font-size:21px;line-height:1.42}.section-intro{margin:0;color:#7a6d6b;font-size:15px;line-height:1.5}.section-duration{margin:5px 0 0;color:#9a8f8d;font-size:13px;font-weight:700}.section-play{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:999px;background:#5c4a49;color:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:900}.section-play.disabled{cursor:not-allowed;opacity:.42;pointer-events:none}.section-item.active .section-play{background:var(--accent)}.section-audio{width:100%;margin:0 0 18px}.text-link{display:inline-flex;margin-bottom:20px;color:var(--accent-strong);font-weight:800}.player-page{min-height:100vh;background:#151111;color:#fff}.player-page.cover-mode,.player-page.lyrics-mode{display:grid;grid-template-rows:minmax(0,1fr) auto}.player-hero{position:relative;display:grid;min-height:58vh;overflow:hidden;padding:20px clamp(18px,4vw,44px) 34px}.cover-mode .player-hero,.lyrics-mode .player-hero{min-height:calc(100vh - 126px);grid-template-rows:auto minmax(0,1fr) auto}.player-bg{position:absolute;inset:0;width:100%;height:100%;filter:blur(30px) saturate(1.12);-o-object-fit:cover;object-fit:cover;opacity:.38;transform:scale(1.08)}.player-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,13,13,.52),rgba(20,13,13,.92))}.player-disc-wrap,.player-info,.player-nav{position:relative;z-index:1}.player-nav{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.86);font-weight:800}.player-nav a,.player-view-toggle{display:grid;min-width:40px;height:40px;place-items:center;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:0 12px;backdrop-filter:blur(12px)}.player-stage{position:relative;z-index:1;display:grid;min-height:min(46vw,330px);place-items:center;padding:32px 0 26px}.lyrics-mode .player-stage{min-height:0;padding:clamp(24px,5vw,64px) 0}.player-disc-wrap{display:grid;place-items:center}.player-disc{display:grid;width:min(68vw,340px);aspect-ratio:1;place-items:center;overflow:hidden;border:18px solid #241d1d;border-radius:999px;background:radial-gradient(circle,#3d3331 0 18%,#161212 19% 100%);box-shadow:0 28px 80px rgba(0,0,0,.42);animation:disc-spin 18s linear infinite;animation-play-state:paused}.player-disc.spinning{animation-play-state:running}.player-disc img{width:72%;height:72%;border-radius:999px;-o-object-fit:cover;object-fit:cover}.player-disc span{font-size:34px;font-weight:900}.active-lyric{width:min(980px,100%);color:#fff;font-family:FangSong,STFangsong,FangSong_GB2312,仿宋,serif;font-size:clamp(18px,3.6vw,34px);font-weight:700;line-height:1.65;text-align:left;text-shadow:0 16px 48px rgba(0,0,0,.5)}.player-info{align-self:end;text-align:center}.player-info h1,.player-info p{margin:0}.player-info p{color:rgba(255,255,255,.66);font-size:15px}.player-info h1{margin:8px auto 10px;max-width:760px;font-size:clamp(24px,4vw,38px);line-height:1.28}.player-section-intro{display:block;max-width:720px;margin:0 auto;color:rgba(255,255,255,.62);font-size:15px;line-height:1.6}.lyrics-panel{width:min(760px,calc(100% - 36px));margin:-10px auto 0;padding:28px 0 124px}.cover-mode .lyrics-panel{display:none}.lyrics-panel h2{margin-bottom:18px;color:rgba(255,255,255,.9);font-size:22px}.lyrics-current{display:grid;min-height:160px;place-items:center;color:rgba(255,255,255,.72);font-size:clamp(22px,4vw,34px);font-weight:850;line-height:1.55;text-align:center}.lyrics-empty{display:grid;min-height:160px;place-items:center;border:1px dashed rgba(255,255,255,.18);border-radius:8px;color:rgba(255,255,255,.5)}.player-controls{position:sticky;bottom:0;z-index:4;padding:18px clamp(18px,5vw,64px) 20px;background:rgba(21,17,17,.88);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px)}.player-progress-row{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:12px;align-items:center;width:min(920px,100%);margin:0 auto;color:rgba(255,255,255,.68);font-size:12px;font-variant-numeric:tabular-nums}.player-progress-row input{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:linear-gradient(90deg,#ffffff var(--progress),rgba(255,255,255,.22) var(--progress));cursor:pointer}.player-progress-row input::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none;appearance:none;border:3px solid #ffffff;border-radius:999px;background:var(--accent)}.player-actions{display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:clamp(16px,4vw,48px);width:min(920px,100%);margin:18px auto 0}.player-center-actions{display:flex;align-items:center;justify-content:center;gap:14px}.player-right-actions{display:flex;justify-content:flex-end}.player-icon-button,.player-loop-button,.player-main-button,.player-pill-button{display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;font:inherit;font-weight:850}.player-main-button{width:58px;height:58px;background:#ffffff;color:#151111;font-size:22px}.player-pill-button{min-width:88px;padding:0 16px;color:rgba(255,255,255,.88);font-size:13px}.player-loop-button{width:48px;height:48px;color:rgba(255,255,255,.9);font-size:20px}.player-speed-button{justify-self:start}@keyframes disc-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-section{background:var(--surface);border-top:1px solid var(--line)}.about-section p{max-width:760px;color:var(--muted);line-height:1.8}code{padding:2px 6px;border-radius:6px;background:var(--surface-strong);color:var(--text);font-size:.92em}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--bg)}.login-panel{display:grid;width:min(420px,100%);gap:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:28px;box-shadow:var(--shadow)}.login-panel h1{margin-top:18px;font-size:30px}.login-panel p{color:var(--muted);line-height:1.6}.admin-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh;background:#dbe9fb;color:#20243a;font-size:14px;padding:clamp(0px,2.8vw,42px)}.admin-sidebar{position:sticky;top:clamp(0px,2.8vw,42px);display:flex;flex-direction:column;height:calc(100vh - clamp(0px, 5.6vw, 84px));gap:24px;overflow:hidden;padding:24px 16px 16px;border-radius:10px 0 0 10px;background:#2d2e5a;color:#f5f7ff;box-shadow:22px 0 50px rgba(39,45,89,.16)}.admin-brand{display:inline-flex;align-items:center;gap:10px;padding:0 4px;color:#fff;font-weight:900;text-decoration:none}.admin-brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7189f4,#5bd7d0);color:#fff;font-size:15px;font-weight:900;box-shadow:0 12px 28px rgba(113,137,244,.3)}.admin-brand strong{font-size:16px;letter-spacing:.01em}.admin-nav{display:grid;gap:16px}.admin-nav-group{display:grid;gap:4px}.admin-nav-group summary{display:flex;min-height:42px;align-items:center;gap:10px;padding:0 14px;border-radius:10px;background:rgba(29,29,67,.35);color:rgba(245,247,255,.85);cursor:pointer;font-size:13px;font-weight:800;letter-spacing:.02em;list-style:none;transition:background .18s ease,color .18s ease}.admin-nav-group summary:hover,.admin-nav-group[open] summary{background:rgba(113,137,244,.25);color:#ffffff}.admin-nav-group summary::-webkit-details-marker{display:none}.admin-nav a{display:flex;min-height:38px;align-items:center;gap:10px;margin-bottom:2px;margin-left:18px;padding:0 12px 0 14px;border-left:3px solid transparent;border-radius:8px;background:rgba(29,29,67,.25);color:rgba(245,247,255,.78);font-size:13px;font-weight:700;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}.admin-nav-icon{display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center;color:rgba(245,247,255,.65);transition:color .18s ease}.admin-nav a.active,.admin-nav a:hover{border-left-color:#5bd7d0;background:rgba(113,137,244,.22);color:#ffffff}.admin-nav a.active .admin-nav-icon,.admin-nav a:hover .admin-nav-icon{color:#5bd7d0}.admin-nav-group summary .admin-nav-icon{color:#ffffff}.admin-main{min-width:0;border-radius:0 8px 8px 0;background:#f4f7fd}.admin-topbar{justify-content:flex-end;gap:18px;padding:26px 36px 8px;background:transparent}.admin-search,.admin-topbar{display:flex;align-items:center}.admin-search{width:min(320px,42vw);min-height:40px;gap:8px;margin-right:auto;border:0;border-radius:8px;background:#fff;padding:0 14px;color:#8b95aa;box-shadow:0 14px 34px rgba(57,70,105,.08)}.admin-search input{width:100%;border:0;outline:0;color:var(--text);font:inherit}.admin-topbar p{margin:0;color:var(--muted);font-size:12px}.admin-topbar strong{font-size:14px}.admin-user-menu{position:relative}.admin-user-menu-trigger{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0 0 10px}.admin-avatar{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:3px solid #ffffff;border-radius:999px;background:#5bd7d0;color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(60,49,125,.16)}.admin-avatar img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.admin-user-dropdown{position:absolute;top:100%;right:0;z-index:20;display:grid;min-width:150px;overflow:hidden;border:1px solid #e5eaf4;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(57,70,105,.16);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.admin-user-menu:focus-within .admin-user-dropdown,.admin-user-menu:hover .admin-user-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.admin-user-dropdown a,.admin-user-dropdown button{display:flex;min-height:38px;align-items:center;border:0;border-bottom:1px solid #edf1f7;background:#fff;color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:750;padding:0 13px;text-align:left}.admin-user-dropdown form{display:contents}.admin-user-dropdown a:hover,.admin-user-dropdown button:hover{background:#f7f9fe}.admin-form button,.admin-logout button{min-height:40px;border:0;border-radius:8px;background:#6550df;color:#fff;cursor:pointer;font:inherit;font-weight:850;padding:0 16px}.admin-logout{margin-top:auto;padding:0 4px}.admin-logout button{width:100%;min-height:42px;border-radius:8px;background:rgba(29,29,67,.3);color:rgba(245,247,255,.7);text-align:left;padding:0 14px;font-weight:700;font-size:13px;transition:background .18s ease,color .18s ease}.admin-logout button:hover{background:rgba(232,72,77,.25);color:#fca5a5}.admin-content{display:grid;gap:24px;padding:24px 36px 36px}.admin-heading p{margin:0 0 6px;color:#7b8497;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.admin-heading h1{margin:0;font-family:inherit;font-size:clamp(24px,2.8vw,32px);font-weight:850;line-height:1.2;letter-spacing:0}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-card{border:0;border-radius:10px;background:#ffffff;padding:22px 24px;box-shadow:0 12px 32px rgba(57,70,105,.06)}.admin-stat-grid article{min-height:126px;border:0;border-radius:8px;background:#fff;padding:20px;box-shadow:0 18px 40px rgba(57,70,105,.08)}.admin-stat-grid article:first-child{background:#7189f4;color:#fff}.admin-stat-grid article:nth-child(3){background:#fff;color:#24283d}.admin-stat-grid span{color:currentColor;opacity:.72;font-size:13px}.admin-stat-grid strong{display:block;margin-top:12px;font-size:34px;line-height:1}.admin-card h2{margin:0 0 16px;font-size:19px}.admin-form{display:grid;gap:16px}.admin-form label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:750}.admin-form input,.admin-form select,.admin-form textarea{width:100%;min-height:42px;box-sizing:border-box;border:1px solid #e3e8f2;border-radius:8px;background:#f9fbff;color:var(--text);font:inherit;line-height:20px;padding:10px 12px}.admin-form textarea{min-height:104px}.admin-check-field{display:inline-flex!important;width:-moz-fit-content;width:fit-content;grid-template-columns:none!important;align-items:center;gap:8px!important;color:var(--text)!important}.admin-check-field input{width:auto}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-compact-form{width:min(100%,760px)}.admin-form-grid.compact{grid-template-columns:repeat(2,minmax(220px,1fr));width:min(100%,760px)}.admin-form-grid.fixed{grid-template-columns:repeat(auto-fit,minmax(180px,320px));justify-content:start;width:min(100%,654px)}.admin-fixed-field{width:min(100%,420px)}.admin-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.admin-form-actions a{display:inline-flex;min-height:40px;align-items:center;border:1px solid #e3e8f2;border-radius:8px;background:#fff;color:var(--text);font-weight:800;padding:0 14px}.admin-profile-avatar-field{display:flex;align-items:center;gap:18px;max-width:760px;padding:14px;border:1px solid #edf1f7;border-radius:8px;background:#fbfcff}.admin-profile-form{max-width:900px}.admin-profile-basic-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;max-width:760px}.admin-profile-avatar-preview{display:grid;width:88px;height:88px;flex:0 0 88px;place-items:center;overflow:hidden;border-radius:8px;background:#eef3fb;color:#34345f;font-size:28px;font-weight:900}.admin-profile-avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-profile-avatar-field p,.admin-profile-avatar-field strong{margin:0}.admin-profile-avatar-field p{margin-top:4px;color:var(--muted);font-size:13px}.admin-profile-avatar-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.admin-profile-avatar-actions button,.admin-profile-avatar-actions label{display:inline-flex;min-height:38px;align-items:center;gap:8px;border:1px solid #e3e8f2;border-radius:8px;background:#fff;color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:0 12px}.admin-profile-avatar-actions button{border-color:#7189f4;background:#7189f4;color:#fff}.admin-profile-avatar-actions input{display:none}.admin-combobox{position:relative;display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:750}.admin-combobox-trigger,.admin-combobox>button{display:flex;min-height:40px;align-items:center;justify-content:space-between;border:1px solid #e3e8f2;border-radius:8px;background:#f9fbff;color:var(--text);cursor:pointer;font:inherit;padding:0 12px;text-align:left}.admin-combobox-trigger.has-tags{min-height:40px;max-height:40px;height:auto;justify-content:flex-start;overflow:hidden;padding:5px 8px}.admin-combobox-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:8;display:grid;width:100%;overflow:hidden;border:1px solid #e3e8f2;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(57,70,105,.16)}.admin-combobox-popover label,.admin-cover-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf1f7;padding:10px 12px}.admin-combobox-popover svg,.admin-cover-search svg{width:16px;height:16px;color:#8b95aa}.admin-combobox-popover input,.admin-cover-search input{width:100%;border:0;outline:0;font:inherit}.admin-combobox-options{display:grid;max-height:220px;overflow:auto;padding:6px}.admin-combobox-options button{min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font:inherit;padding:0 10px;text-align:left}.admin-combobox-options button.selected,.admin-combobox-options button:hover{background:#eef3fb;color:#34345f}.admin-selected-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:0}.admin-selected-tags.inline{align-items:center;flex-wrap:nowrap;width:100%;min-height:28px;max-height:28px;overflow-x:auto;overflow-y:hidden}.admin-selected-tags span{display:inline-flex;flex:0 0 auto;min-height:28px;align-items:center;gap:5px;line-height:1;border:1px solid #dfe6f3;border-radius:6px;background:#eef3fb;color:#34345f;padding:0 8px}.admin-selected-tags button{display:grid;width:18px;min-width:18px;height:18px;min-height:18px;flex:0 0 18px;place-items:center;border:0;border-radius:4px;background:rgba(52,52,95,.1);color:currentColor;cursor:pointer;font:inherit;line-height:1;margin:0;padding:0}.admin-selected-tags svg{width:12px;height:12px}.admin-cover-field{display:grid;gap:10px;color:var(--muted);font-size:13px;font-weight:750}.admin-cover-field>button{width:-moz-fit-content;width:fit-content;min-height:38px;border:1px solid #7189f4;border-radius:8px;background:#7189f4;color:#fff;cursor:pointer;font:inherit;font-weight:850;padding:0 14px}.admin-cover-field p{margin:0;color:var(--muted);font-weight:500}.admin-cover-selected{display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;max-width:100%;border:1px solid #edf1f7;border-radius:8px;background:#fbfcff;padding:8px}.admin-cover-selected img{width:96px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.admin-cover-selected strong{overflow:hidden;max-width:360px;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.admin-cover-selected em{color:var(--muted);font-size:12px;font-style:normal;font-weight:750;white-space:nowrap}.admin-teacher-rows{margin-bottom:18px}.admin-teacher-rows>span{display:block;margin-bottom:10px;font-weight:600;font-size:14px;color:var(--text)}.admin-teacher-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) 42px;align-items:end;gap:10px;margin-bottom:10px}.admin-form .admin-teacher-row .admin-combobox{min-width:0}.admin-form .admin-teacher-row .admin-combobox>span{display:none}.admin-form .admin-teacher-row .admin-combobox>button{width:100%;min-height:42px}.admin-form .admin-teacher-type-input{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;line-height:20px;outline:none;box-sizing:border-box}.admin-form .admin-teacher-type-input:focus{border-color:var(--accent)}.admin-form .admin-teacher-row-remove{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;padding:0;transition:color .15s,border-color .15s}.admin-form .admin-teacher-row-remove:hover{color:#dc2626;border-color:#dc2626;background:#fff5f5}.admin-form .admin-teacher-row-add{display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:38px;align-items:center;justify-content:center;padding:0 16px;border:1px dashed var(--line);border-radius:8px;background:transparent;color:var(--accent);font-size:13px;font-weight:800;cursor:pointer;transition:background .15s}.admin-form .admin-teacher-row-add:hover{background:var(--surface-strong)}.admin-audio-thumb{display:grid;width:56px;height:56px;flex:0 0 56px;place-items:center;border-radius:8px;background:#eef3fb;color:#7189f4}.admin-audio-thumb svg{width:24px;height:24px}.admin-audio-picker-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:min(520px,58vh);overflow:auto}.admin-audio-picker-list button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #edf1f7;border-radius:8px;background:#fbfcff;color:var(--text);cursor:pointer;font:inherit;padding:16px 10px 12px;text-align:center}.admin-audio-picker-list button:hover{border-color:#7189f4;background:#f8faff}.admin-audio-picker-list .admin-audio-thumb{width:56px;height:56px;margin-bottom:2px}.admin-audio-picker-list strong{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3}.admin-audio-picker-list em{margin-top:auto;color:var(--muted);font-style:normal;font-weight:800;font-size:12px}.admin-modal-layer.nested{z-index:60}.admin-cover-picker-modal{width:min(980px,100%)}.admin-cover-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.admin-cover-upload label{display:flex;min-height:46px;align-items:center;gap:10px;border:1px dashed #aebbea;border-radius:8px;background:#f8faff;color:#34345f;cursor:pointer;padding:0 14px}.admin-cover-upload label svg{width:20px;height:20px;color:#7189f4}.admin-cover-upload input{display:none}.admin-cover-upload button{min-height:42px;border:0;border-radius:8px;background:#7189f4;color:#fff;cursor:pointer;font:inherit;font-weight:850;padding:0 16px}.admin-cover-upload button:disabled{cursor:not-allowed;opacity:.6}.admin-cover-upload .admin-error-text{grid-column:1/-1}.admin-cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:min(520px,58vh);overflow:auto}.admin-cover-grid button{display:grid;gap:8px;overflow:hidden;border:1px solid #edf1f7;border-radius:8px;background:#fbfcff;color:var(--text);cursor:pointer;font:inherit;padding:8px;text-align:left}.admin-cover-grid button:hover{border-color:#7189f4}.admin-cover-grid img,.admin-cover-grid svg{width:100%;aspect-ratio:16/10;border-radius:8px;-o-object-fit:cover;object-fit:cover}.admin-cover-grid svg{padding:28px;background:#eef3fb;color:#7189f4}.admin-cover-grid span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-table{display:grid;gap:10px}.admin-table-row{display:grid;grid-template-columns:1.4fr .9fr .9fr .6fr .7fr .8fr;gap:16px;align-items:center;padding:14px 18px;border:1px solid #edf1f7;border-radius:10px;background:#ffffff;transition:box-shadow .18s ease,border-color .18s ease}.admin-table-row:hover{border-color:#d5ddf0;box-shadow:0 6px 20px rgba(57,70,105,.07)}.admin-table-row.compact{grid-template-columns:1.4fr .9fr .7fr .7fr .8fr}.admin-table-header{background:#f0f3fa}.admin-table-header,.admin-table-header:hover{border-color:transparent;box-shadow:none}.admin-table-header span{color:#68718a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.admin-table-row strong{font-size:14px;font-weight:750;color:#20243a}.admin-table-row span{color:#68718a;font-size:13px}.admin-table-row .admin-badge{display:inline-block;width:-moz-fit-content;width:fit-content;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:750}.admin-badge.super{background:#fef2e0;color:#b87518}.admin-badge.must-change{background:#fde8e8;color:#c23030}.admin-badge.normal{background:#e6f6f4;color:#1b7a6b}.admin-table-row a{color:#7189f4;font-size:13px;font-weight:750;text-decoration:none}.admin-table-row a:hover{text-decoration:underline}.admin-row-actions{display:inline-flex;align-items:center;gap:10px;justify-content:flex-end}.admin-row-actions button{min-height:34px;border:1px solid #e3e8f2;border-radius:7px;background:#fff;color:#20243a;cursor:pointer;font:inherit;font-size:13px;font-weight:650;padding:0 14px;transition:background .16s ease,border-color .16s ease}.admin-row-actions button:hover{background:#f4f7fd}.admin-row-actions button:last-child{border-color:#fcd8d8;color:#e5484d}.admin-row-actions button:last-child:hover{background:#fef5f5}.admin-row-actions button:disabled{opacity:.35;cursor:not-allowed}.admin-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:10px;background:#fff;padding:20px 24px;box-shadow:0 12px 32px rgba(57,70,105,.06)}.admin-list-toolbar h2,.admin-list-toolbar p{margin:0}.admin-list-toolbar h2{font-size:20px;font-weight:800}.admin-list-toolbar p{margin-top:4px;color:var(--muted);font-size:13px}.admin-link-button,.admin-list-search,.admin-list-toolbar button,.admin-list-toolbar select,.admin-pagination button,.admin-pagination input,.admin-pagination select{min-height:42px;box-sizing:border-box;border:1px solid #e3e8f2;border-radius:8px;background:#fff;color:var(--text);font:inherit;font-weight:750;line-height:20px;padding:10px 12px}.admin-list-search{display:flex;width:min(320px,42vw);align-items:center;gap:8px;background:#fff;color:#8b95aa}.admin-list-search svg{width:16px;height:16px}.admin-list-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.admin-link-button,.admin-list-toolbar button,.admin-pagination button{min-height:42px;border-color:#7189f4;border-radius:8px;background:#7189f4;color:#fff;cursor:pointer;font-weight:750;padding:0 18px;transition:background .18s ease,box-shadow .18s ease}.admin-link-button:hover,.admin-list-toolbar button:hover,.admin-pagination button:not(:disabled):hover{background:#5d46e0;box-shadow:0 8px 20px rgba(113,137,244,.28)}.admin-link-button{display:inline-flex;align-items:center}.admin-pagination,.admin-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.admin-pagination{margin-top:20px;color:var(--muted);font-size:13px}.admin-pagination form,.admin-pagination label{display:inline-flex;align-items:center;gap:8px}.admin-pagination select{min-height:38px;border-radius:7px;border:1px solid #e3e8f2;background:#fff;padding:0 10px;font:inherit;font-size:13px;color:var(--text)}.admin-pagination input{width:72px;min-height:38px;border-radius:7px;padding:0 10px}.admin-pagination button{min-height:38px;border-radius:7px;padding:0 16px;font-size:13px}.admin-pagination button:disabled{cursor:not-allowed;opacity:.45}.admin-pagination span{font-weight:700;color:var(--text)}.admin-modal-layer{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:clamp(16px,4vw,48px)}.admin-modal-scrim{position:absolute;inset:0;border:0;background:rgba(30,37,62,.42);backdrop-filter:blur(8px)}.admin-modal{position:relative;z-index:1;display:grid;gap:20px;width:min(1280px,100%);max-height:min(860px,calc(100vh - 48px));overflow:auto;border-radius:8px;background:#fff;padding:clamp(20px,3vw,34px);box-shadow:0 35px 120px rgba(25,31,52,.28)}.admin-modal header{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-modal header h2{margin:0;font-size:22px}.admin-modal header button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:999px;background:var(--surface-strong);color:var(--text);cursor:pointer;font:inherit;font-size:22px}.admin-muted{margin:0;color:var(--muted)}.admin-error-text{margin:0;color:#b42318;font-size:13px}.admin-media-breadcrumb{display:flex;align-items:center;gap:2px;font-size:14px;flex-wrap:wrap}.admin-breadcrumb-sep{color:var(--muted);margin:0 4px;font-size:13px}.admin-breadcrumb-btn{border:none;background:none;padding:2px 4px;border-radius:4px;font:inherit;font-size:14px;color:var(--accent);cursor:pointer;transition:color .15s,background .15s}.admin-breadcrumb-btn:hover{background:var(--surface-strong);color:var(--accent-strong)}.admin-breadcrumb-current{font-weight:600;color:var(--text);padding:2px 4px}.admin-folder-card .admin-folder-preview{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));color:var(--accent)}.admin-folder-card .admin-folder-preview svg{opacity:.85}.admin-folder-card .admin-media-actions button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}.admin-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.admin-media-card{display:grid;gap:12px;overflow:hidden;border:1px solid #edf1f7;border-radius:8px;background:#fbfcff;padding:10px}.admin-media-preview{display:grid;overflow:hidden;width:100%;aspect-ratio:16/10;place-items:center;border:0;border-radius:8px;background:#eef3fb;color:#56617b;cursor:pointer;padding:0}.admin-media-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-media-file-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:#fff;color:#7189f4;box-shadow:0 12px 28px rgba(57,70,105,.08)}.admin-media-file-icon.audio{width:78px;height:78px;border-radius:999px;background:linear-gradient(135deg,#7189f4,#5bd7d0);color:#fff}.admin-media-file-icon svg{width:28px;height:28px}.admin-media-file-icon.audio svg{width:36px;height:36px}.admin-media-play-preview{position:relative;display:grid;width:100%;height:100%;place-items:center}.admin-media-play-button{position:absolute;display:grid;width:54px;height:54px;place-items:center;border-radius:999px;background:rgba(32,36,58,.86);color:#fff;box-shadow:0 18px 35px rgba(32,36,58,.22)}.admin-media-play-button svg{width:24px;height:24px;margin-left:3px;fill:currentColor}.admin-media-info{display:grid;gap:4px;min-width:0}.admin-media-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-media-info span{color:var(--muted);font-size:12px}.admin-media-actions{display:flex;gap:8px}.admin-media-actions button{flex:1;min-height:34px;border:1px solid #e3e8f2;border-radius:8px;background:#fff;color:#34345f;cursor:pointer;font:inherit;font-size:13px;font-weight:800}.admin-media-actions button:disabled{cursor:not-allowed;opacity:.55}.admin-upload-form{display:grid;gap:16px}.admin-upload-drop{display:grid;min-height:230px;place-items:center;gap:8px;border:1px dashed #aebbea;border-radius:8px;background:#f8faff;color:#34345f;cursor:pointer;padding:28px;text-align:center}.admin-upload-drop svg{width:38px;height:38px;color:#7189f4}.admin-upload-drop span{color:var(--muted);font-size:13px}.admin-upload-drop input{display:none}.admin-upload-progress{overflow:hidden;height:8px;border-radius:999px;background:#eef3fb}.admin-upload-progress span{display:block;height:100%;border-radius:inherit;background:#5bd7d0;transition:width .16s ease}.admin-upload-form button{min-height:40px;border:0;border-radius:8px;background:#7189f4;color:#fff;cursor:pointer;font:inherit;font-weight:850}.admin-upload-form button:disabled{cursor:not-allowed;opacity:.65}.admin-media-modal-preview{display:grid;min-height:360px;place-items:center;overflow:hidden;border-radius:8px;background:#f4f7fd;padding:18px}.admin-media-modal-preview img,.admin-media-modal-preview video{max-width:100%;max-height:min(680px,70vh);border-radius:8px}.admin-media-modal-preview audio{width:min(720px,100%)}.admin-media-modal-preview a{color:#7189f4;font-weight:850}.admin-confirm-modal{position:relative;z-index:1;display:grid;gap:18px;width:min(440px,100%);border-radius:8px;background:#fff;padding:24px;box-shadow:0 35px 120px rgba(25,31,52,.28)}.admin-confirm-modal header{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-confirm-modal h2,.admin-confirm-modal p{margin:0}.admin-confirm-modal h2{font-size:20px}.admin-confirm-modal p{color:var(--muted);line-height:1.7}.admin-confirm-modal p strong{color:var(--text)}.admin-confirm-modal header button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:999px;background:var(--surface-strong);color:var(--text);cursor:pointer;font:inherit;font-size:20px}.admin-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.admin-confirm-actions form{display:contents}.admin-confirm-actions button{min-height:38px;border:1px solid #e3e8f2;border-radius:8px;background:#fff;color:var(--text);cursor:pointer;font:inherit;font-weight:800;padding:0 14px}.admin-confirm-actions button.danger{border-color:#e5484d;background:#e5484d;color:#fff}.admin-confirm-actions button:disabled{cursor:not-allowed;opacity:.6}.admin-sidebar-illustration{position:relative;min-height:148px;margin-top:auto}.admin-chat-dot{position:absolute;left:0;bottom:84px;width:88px;height:38px;border-radius:999px;background:#7f92f6;box-shadow:0 16px 30px rgba(21,24,58,.24)}.admin-chat-dot:before{position:absolute;top:12px;left:18px;width:14px;height:14px;border-radius:999px;background:#58ded6;box-shadow:24px 0 0 rgba(255,255,255,.8),48px 0 0 rgba(255,255,255,.8);content:""}.admin-person{position:absolute;right:18px;bottom:0;width:72px;height:98px;border-radius:42px 42px 8px 8px;background:linear-gradient(180deg,#7f92f6 0 58%,#5bd7d0 58% 100%);box-shadow:0 20px 34px rgba(21,24,58,.24)}.admin-empty-card p{color:var(--muted);line-height:1.7}@media (max-width:640px){.topbar{min-height:64px;align-items:center;gap:14px;padding:12px 16px}.desktop-nav{display:none}.mobile-menu-trigger{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:999px;background:var(--surface-strong);color:var(--text);cursor:pointer;font:inherit;font-size:22px;font-weight:900}.mobile-menu-scrim{position:fixed;inset:0;z-index:18;display:block;border:0;background:rgba(24,33,43,.22)}.mobile-menu-panel{position:fixed;top:76px;left:16px;z-index:19;display:none;width:min(220px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.mobile-menu-panel.open{display:grid}.mobile-menu-panel a{padding:16px 18px;border-bottom:1px solid var(--line);color:var(--text);font-size:17px;font-weight:800}.mobile-menu-panel a:last-child{border-bottom:0}.hero{min-height:560px;padding-block:54px;background:linear-gradient(180deg,rgba(7,38,35,.74),rgba(7,38,35,.34)),url(/images/dwcr_004.jpg) 50% /cover}.section-heading{align-items:stretch;flex-direction:column}.refresh-button{width:100%}.card-main{grid-template-columns:1fr}.card-image{max-height:220px}.category-shell{padding-inline:0}.category-titlebar{padding:0 16px}.category-browser{grid-template-columns:118px minmax(0,1fr);gap:0;min-height:calc(100vh - 142px);background:var(--surface)}.category-browser:before{bottom:-56px;width:118px}.category-primary-list{top:72px;gap:0;min-height:calc(100vh - 142px);padding:8px 0 24px;border-radius:0}.category-primary-link{min-height:72px;padding:0 12px;border-radius:0;font-size:18px;text-align:center}.category-active-heading{align-items:flex-start;flex-direction:column;gap:10px}.category-secondary-list{gap:14px;padding:0 14px 24px}.category-group{padding:0;box-shadow:none}.category-subgroup{padding:0}.category-detail-hero{padding-top:30px}.course-detail-page{width:100%}.detail-cover{aspect-ratio:5/3}.detail-content{padding-top:30px}.detail-meta{margin-bottom:52px}.section-row{grid-template-columns:48px minmax(0,1fr) 36px;gap:18px}.section-copy h2{font-size:20px}.player-actions{grid-template-columns:82px minmax(0,1fr) 82px;gap:12px}.player-center-actions{gap:8px}.player-pill-button{min-width:68px}.player-loop-button{width:42px;height:42px}.admin-shell{grid-template-columns:1fr;padding:0}.admin-sidebar{position:static;height:auto;min-height:auto;gap:18px;padding:16px;border-bottom:0;box-shadow:none}.admin-main,.admin-sidebar{border-radius:0}.admin-nav{gap:14px}.admin-nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-nav-group summary{grid-column:1/-1}.admin-nav a{min-height:44px;margin-left:0;padding:0 12px}.admin-sidebar-illustration{display:none}.admin-topbar{align-items:stretch;flex-direction:column;padding:18px}.admin-search{width:100%}.admin-content{padding:18px}.admin-audio-picker-list{grid-template-columns:repeat(2,1fr)}.admin-form-grid,.admin-profile-basic-grid,.admin-stat-grid,.admin-table-row{grid-template-columns:1fr}.admin-list-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar-actions{justify-content:stretch}.admin-toolbar-actions button,.admin-toolbar-actions select{width:100%}.admin-pagination{justify-content:flex-start}.admin-modal{max-height:calc(100vh - 24px)}}.inline{display:inline}.inline-flex{display:inline-flex}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}