:root{font-family:Arial,Helvetica,sans-serif;color:#f2e9da;background:#211c1d;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 8%,#472629 0,#211c1d 35%,#1a1819 100%);line-height:1.5}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,video:focus-visible,summary:focus-visible{outline:3px solid #d7b77b;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}h1{font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.04em}h2{font-size:clamp(1.45rem,2.4vw,2.25rem)}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{height:82px;padding:0 clamp(22px,4vw,72px);border-bottom:1px solid #b99a622f;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#211c1dea}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-monogram{width:46px;height:46px;display:grid;place-items:center;border:1px solid #c6a56e;color:#dfc288;font:1.25rem Georgia,serif;letter-spacing:-.08em}.brand-words{display:flex;flex-direction:column;line-height:1.1}.brand-words strong{font:1.1rem Georgia,serif;white-space:nowrap}.brand-words small{font-size:.61rem;letter-spacing:.25em;color:#c0a978;margin-top:5px}.top-nav{display:flex;align-items:center;gap:28px;font-size:.86rem}.top-nav a:hover,.breadcrumbs a:hover,.text-action:hover{color:#e3c587}.local-chip{border:1px solid #b99a6255;border-radius:999px;padding:6px 12px;color:#b5a99c;font-size:.72rem;letter-spacing:.08em}main{width:min(1440px,100%);margin:auto;padding:32px clamp(22px,4vw,72px) 76px;flex:1}.site-footer{padding:22px clamp(22px,4vw,72px);display:flex;justify-content:space-between;gap:20px;color:#a6998d;font-size:.75rem;letter-spacing:.06em;border-top:1px solid #b99a622f}.eyebrow{font-size:.68rem;letter-spacing:.23em;font-weight:700;color:#bc9e6b}.eyebrow.gold,.gold{color:#d8b77b}.lead{max-width:670px;color:#c6b9ae;font-size:1.05rem}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 40px;color:#b7aaa0;font-size:.79rem}.crumb-divider{color:#816d5b}.section-heading{max-width:800px;margin:30px 0 36px}.section-heading h1{margin:9px 0 14px}.primary-action,.secondary-action{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 19px;border-radius:2px;font-size:.88rem;font-weight:700;letter-spacing:.02em;transition:background .18s,transform .18s;text-align:center}.primary-action{border:1px solid #ac323a;background:#99272f;color:#fff8f1}.primary-action:hover{background:#bb3942;transform:translateY(-2px)}.secondary-action{border:1px solid #b99a6270;background:transparent;color:#f1e6d9}.secondary-action:hover{background:#6c594036;transform:translateY(-2px)}.welcome{min-height:min(640px,72vh);position:relative;overflow:hidden;display:flex;align-items:center;background:#2b2121;border:1px solid #a887573d;box-shadow:0 24px 80px #0004}.welcome:before{content:'';position:absolute;width:42vw;height:42vw;border:1px solid #caa66c40;border-radius:50%;right:-12%;top:-34%;z-index:1}.welcome:after{content:'';position:absolute;width:31vw;height:31vw;border:1px solid #caa66c38;border-radius:50%;right:-7%;bottom:-37%;z-index:1}.welcome-image{position:absolute;inset:0;background:linear-gradient(90deg,#251f20 10%,#251f20c9 60%,#251f2088),radial-gradient(circle at 78% 44%,#734044,#251f20 64%);background-size:cover;background-position:center;filter:saturate(.7)}.welcome-content{position:relative;z-index:2;width:min(770px,85%);margin:56px clamp(28px,6vw,110px)}.welcome-content h1{margin:18px 0 23px}.welcome-copy{font-size:clamp(1rem,1.5vw,1.22rem);max-width:520px;color:#e1d4c6;line-height:1.7;margin-bottom:34px}.welcome-lower{display:flex;justify-content:space-between;gap:15px;padding:18px 6px;font-size:.68rem;letter-spacing:.22em;color:#bca783}.enter-motion{animation:arrive .45s ease-out both}@keyframes arrive{from{opacity:.55;transform:translateY(12px)}to{opacity:1;transform:none}}.collection-card{max-width:900px;min-height:345px;padding:clamp(28px,4vw,60px);position:relative;background:linear-gradient(125deg,#502629,#302124 63%,#2a2322);border:1px solid #b99a6260;box-shadow:0 18px 55px #0003}.collection-mark{position:absolute;right:40px;top:24px;color:#c8a87540;font:clamp(5rem,12vw,10rem) Georgia,serif;line-height:1}.collection-card h2{font-size:clamp(3rem,5vw,5rem);margin-bottom:18px}.collection-card>p:not(.eyebrow){max-width:550px;color:#dfd0c3}.collection-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.category-tabs{display:flex;gap:26px;border-bottom:1px solid #b99a6250;margin-bottom:30px}.category-tabs a{padding:0 3px 15px;color:#b6a89b;font-weight:700}.category-tabs a.current{color:#f1e5d6;border-bottom:2px solid #c5a46e}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lesson-card{min-height:180px;display:grid;grid-template-columns:190px 1fr;background:#2e2626;border:1px solid #b99a6238;overflow:hidden;transition:border .18s,transform .18s}.lesson-card:hover{transform:translateY(-3px);border-color:#c09b66}.lesson-thumb{width:100%;height:100%;min-height:180px;object-fit:cover;filter:saturate(.7)}.lesson-card-text{padding:26px;display:flex;flex-direction:column;align-items:flex-start}.lesson-card-text h2{font-size:clamp(1.4rem,2vw,2rem);margin:12px 0 auto}.card-arrow{font-size:.78rem;color:#ddbd85;margin-top:20px;font-weight:700}.detail-heading{margin-bottom:32px}.detail-heading h1{max-width:1000px;font-size:clamp(2.4rem,4.5vw,4.3rem);margin:11px 0 12px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(330px,.86fr);gap:24px;align-items:start}.video-panel,.instruction-panel{background:#2d2626;border:1px solid #b99a6238;padding:clamp(19px,2.5vw,34px);min-width:0}.panel-head{display:block}.panel-head h2{margin:4px 0 0}.panel-head h2{font-size:1.8rem}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:15px 0 19px;background:#201c1d;padding:4px;border:1px solid #b99a6235}.mode-tabs button{border:0;background:transparent;color:#beb0a4;padding:12px 4px;font-size:.79rem;font-weight:700}.mode-tabs button.selected{background:#8d2b32;color:white}.video-frame{aspect-ratio:4/3;background:#161414;display:grid;place-items:center}.video-frame video{display:block;width:100%;height:100%;object-fit:contain}.player-message{min-height:22px;color:#d9b77f;font-size:.78rem;margin:10px 0 0}.video-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#e3d3c1;font-size:.78rem;border-top:1px solid #b99a6236;padding-top:15px}.source-note{font-size:.73rem;color:#ab9e93;margin:16px 0 0}.instruction-panel h2{font-size:1.65rem;margin:16px 0}.literal-lines{color:#f0e5d9;line-height:1.7;white-space:pre-wrap}.literal-lines>div{min-height:1.5em}.timing-title{border-top:1px solid #b99a6244;padding-top:25px;margin-top:25px!important}.timing-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;color:#ecdfd0;font-size:.93rem;letter-spacing:.03em}.timing-column{display:flex;flex-direction:column;gap:6px}.review-block{margin:24px 0 4px;padding:14px;border-left:2px solid #b99860;background:#b99a6214;color:#c7b9a7;font-size:.78rem}.review-label{margin:0}.review-block details{margin-top:8px}.review-block summary{cursor:pointer;color:#e0c18a}.review-block li{margin-top:7px}.text-action{border:0;background:none;padding:10px 0;color:#d9b67d;font-weight:700;font-size:.82rem}.lesson-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.lesson-actions .primary-action{margin-left:auto}.notice,.missing-media{padding:20px;background:#4d2a2c;border:1px solid #bd7971;color:#fae8e1}.missing-media h3{font-size:1.5rem}.missing-media p{font-size:.87rem}.original-dialog{width:min(800px,calc(100vw - 24px));max-height:calc(100vh - 30px);padding:22px;background:#2d2525;border:1px solid #c2a477;color:#f5e8d9;box-shadow:0 28px 100px #0009}.original-dialog::backdrop{background:#0a0909c9}.dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.dialog-head h2{margin:2px 0 18px}.icon-close{background:transparent;color:#f1e2d1;border:1px solid #a8957b;font-size:1.7rem;line-height:1;width:38px;height:38px}.original-image{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:black}.loading{padding:80px;text-align:center;color:#c9bba9}@media(max-width:980px){.detail-layout{grid-template-columns:1fr}.lesson-grid{grid-template-columns:1fr}}@media(max-width:620px){.site-header{height:70px}.brand-monogram{width:38px;height:38px}.brand-words strong{font-size:.95rem}.top-nav{gap:0}.top-nav a{display:none}.local-chip{font-size:.65rem;padding:5px 8px}.site-footer{flex-direction:column}.welcome{min-height:570px}.welcome-content{width:90%;margin:36px 25px}.welcome-lower{font-size:.55rem;letter-spacing:.09em}.lesson-card{grid-template-columns:115px 1fr;min-height:145px}.lesson-thumb{min-height:145px}.lesson-card-text{padding:17px}.lesson-card-text h2{font-size:1.3rem}.lesson-actions>*{width:100%}.lesson-actions .primary-action{margin:0}.collection-mark{font-size:6rem;right:20px}.timing-columns{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


.collection-card + .collection-card{margin-top:24px}.chapter-seek-label{display:block;margin:14px 0 4px;color:#d9c3a6;font-size:.8rem}.chapter-seek{display:block;width:100%;accent-color:#caa66c;margin:12px 0}.chapter-card-image{margin-top:20px}

.silver-player{background:#161414;padding-bottom:12px}.silver-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px}.silver-controls .primary-action,.silver-controls .secondary-action{min-height:38px;padding:8px 10px;font-size:.76rem}.silver-controls button:disabled{opacity:.5;cursor:wait}.silver-volume-label{font-size:.73rem;color:#d9c3a6;display:flex;align-items:center;gap:6px}.silver-volume{width:85px;accent-color:#caa66c}.silver-player .chapter-seek-label{margin:0 12px}.silver-position{display:block;color:#d9c3a6;font-size:.8rem;margin:0 12px;font-variant-numeric:tabular-nums}.silver-player:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;padding:12px;background:#111}.silver-player:fullscreen .video-frame{flex:1;min-height:0;aspect-ratio:auto}.silver-player:fullscreen video{object-fit:contain;width:100%;height:100%}

/* Instructional markers: local editor, separate from the playback timeline. */
.marker-panel { margin-top:1.8rem; border-top:1px solid #70645a; padding-top:1.2rem; }
.marker-panel h2 { margin-bottom:.5rem; }
.marker-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin:.8rem 0; }
.marker-actions button { padding:.65rem .8rem; font-size:.85rem; }
.marker-edit-list { display:grid; gap:1rem; }
.marker-edit-card { min-width:0; border:1px solid #8f7c62; border-radius:8px; padding:1rem; }
.marker-edit-card legend { color:#d9b876; padding:0 .35rem; }
.marker-field { display:grid; gap:.3rem; margin-bottom:.7rem; font-size:.9rem; }
.marker-field input,.marker-field textarea { width:100%; min-width:0; padding:.65rem; background:#fff9ed; color:#261e20; border:1px solid #a9977a; border-radius:4px; font:inherit; }
.marker-cards { display:flex; flex-wrap:wrap; align-items:flex-start; gap:.6rem; }
.marker-section { flex:1 1 10rem; max-width:100%; min-width:0; border:1px solid #b99a6255; border-radius:6px; background:linear-gradient(135deg,#442629,#2b2324); overflow:hidden; }
.marker-jump { display:flex; flex-wrap:wrap; align-items:center; gap:.3rem .7rem; width:100%; min-height:66px; padding:.7rem .85rem; border:0; background:transparent; color:#f2e9da; text-align:left; }
.marker-jump:hover { background:#99272f55; }
.marker-name { flex:1 1 auto; font-size:.9rem; font-weight:700; overflow-wrap:anywhere; }
.marker-timestamp { color:#dfc288; font-size:.78rem; font-variant-numeric:tabular-nums; }
.marker-category { flex-basis:100%; color:#c6b9ae; font-size:.72rem; }
.marker-notes { padding:0 .85rem .6rem; font-size:.76rem; }
.marker-notes summary { cursor:pointer; color:#dfc288; }
.marker-notes p { margin:.5rem 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.marker-confirm { max-width:32rem; background:#2a2426; color:#fff6e8; border:1px solid #b6975a; padding:1.5rem; border-radius:10px; }
.marker-confirm::backdrop { background:#000b; }
.marker-confirm h2 { font-size:1.3rem; }
@media(max-width:700px) { .marker-actions button { flex:1 1 auto; } }

/* Collection library: retain existing cards in a compact responsive grid. */
.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.library-grid .collection-card{max-width:none;min-width:0;min-height:280px;padding:28px;display:flex;flex-direction:column}.library-grid .collection-card + .collection-card{margin-top:0}.library-grid .collection-card h2{font-size:clamp(2rem,3vw,3rem);position:relative}.library-grid .collection-mark{font-size:5.5rem;right:20px;top:16px}.library-grid .collection-actions{margin-top:auto;padding-top:18px}.library-grid .collection-card>p{position:relative}.library-grid .collection-actions a{flex:1 1 150px}@media(max-width:760px){.library-grid{grid-template-columns:1fr}.library-grid .collection-card{min-height:250px}}

/* Local authenticated accounts and focused administration. */
.account-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.78rem}.account-controls>span{color:#d9b876}.site-header{height:auto;min-height:82px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.auth-panel{max-width:680px;margin:30px auto}.auth-panel h1{font-size:clamp(2rem,4vw,3.5rem)}.auth-panel:has(.admin-grid){max-width:none}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.admin-card{border:1px solid #b99a6255;padding:20px;min-width:0}.admin-user{padding:14px 0;border-bottom:1px solid #b99a6233}.admin-user p{font-size:.8rem;color:#c7b9a7;overflow-wrap:anywhere}.admin-password{margin-top:22px;padding-top:22px;border-top:1px solid #b99a6255}.auth-checkbox{display:flex;align-items:center;gap:10px;margin:16px 0}.marker-field select{width:100%;padding:.65rem;background:#fff9ed;color:#261e20;border:1px solid #a9977a;border-radius:4px;font:inherit}button:disabled{opacity:.6;cursor:wait}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}.account-controls{gap:10px;width:100%}}

/* Focused studio-network administration; wraps on tablets. */
.network-area{margin-top:32px;border-top:1px solid #b99a6255;padding-top:24px}.network-area textarea{width:100%;min-height:90px;background:#fff9ed;color:#261e20;padding:10px;border:1px solid #a9977a;border-radius:4px;font:inherit;resize:vertical}.network-addresses,.network-area details p{overflow-wrap:anywhere;font-size:.82rem}.network-area details{margin:18px 0}.network-area summary{cursor:pointer;color:#d9b876}.network-area .secondary-action{margin-top:12px}