:root{color-scheme:light;--paper:#f2f1ee;--surface:#fff;--ink:#181a1d;--muted:#62676d;--line:#d5d8db;--accent:#e85d24;--accent-dark:#c74715;--soft:#fff2eb;--header:84px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-height:100vh;margin:0;background:linear-gradient(135deg,#f8f7f4,var(--paper) 62%,#e9e8e4);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{position:sticky;z-index:20;top:0;height:var(--header);display:flex;align-items:center;gap:30px;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid rgba(98,103,109,.22);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(24,26,29,.05)}.brand{display:flex;align-items:center;gap:12px;font-family:"Space Grotesk",sans-serif;font-size:21px;font-weight:700;letter-spacing:-.045em}.brand img{width:46px;height:46px;object-fit:cover;border-radius:50%;box-shadow:0 5px 16px #181a1d2c}.main-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(16px,1.8vw,30px)}.main-nav>a{position:relative;padding:31px 0 28px;color:#30343a;font-size:13px;white-space:nowrap}.main-nav>a:after{content:"";position:absolute;right:0;bottom:16px;left:0;height:3px;border-radius:3px;background:var(--accent);transform:scaleX(0);transition:.2s}.main-nav>a:hover,.main-nav>a.active{color:var(--accent-dark)}.main-nav>a:hover:after,.main-nav>a.active:after{transform:scaleX(1)}.language-picker select{padding:8px 26px 8px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px}.menu-toggle{display:none}
.page-shell{width:min(1320px,calc(100% - 48px));margin:auto;padding:52px 0 90px}.breadcrumbs{display:flex;gap:8px;margin-bottom:24px;color:var(--muted);font-size:12px}.breadcrumbs a:hover{color:var(--accent-dark)}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}.eyebrow{margin:0 0 12px;color:var(--accent-dark);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.page-heading h1{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.06em}.page-heading p{max-width:590px;margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.7}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 19px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-weight:700;font-size:13px;cursor:pointer}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #181a1d15}.panel{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 16px 46px #181a1d10}
.sheet-grid,.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.content-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 13px 34px #181a1d0c;transition:.2s}.content-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px #181a1d18}.content-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.card-body{padding:20px}.card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--accent-dark);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.content-card h2{margin:11px 0 8px;font-family:"Space Grotesk";font-size:22px}.content-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.locked-note{display:flex;align-items:center;gap:8px;margin-top:16px;color:#555b61;font-size:12px}.placeholder-art{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#24272b,#5c6269);color:#fff;font-family:"Space Grotesk";font-size:30px}
.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}.forum-category{overflow:hidden;margin-bottom:24px}.category-title{margin:0;padding:16px 20px;background:#202328;color:#fff;font-family:"Space Grotesk";font-size:18px}.forum-row{display:grid;grid-template-columns:46px minmax(0,1fr) 105px 210px;gap:16px;align-items:center;padding:18px 20px;border-top:1px solid var(--line)}.forum-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--accent-dark);font-weight:800}.forum-row h3{margin:0 0 5px;font-size:15px}.forum-row p,.forum-stat,.last-post{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.forum-stat{text-align:center}.side-panel{padding:22px;margin-bottom:20px}.side-panel h2{margin:0 0 15px;font-family:"Space Grotesk";font-size:19px}.side-panel p{color:var(--muted);font-size:13px;line-height:1.6}
.about-layout{min-height:620px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.about-copy{padding:clamp(38px,6vw,82px);display:flex;flex-direction:column;justify-content:center}.about-copy h1{margin:0 0 25px;font-family:"Space Grotesk";font-size:clamp(48px,6vw,78px);letter-spacing:-.06em}.editable-story{color:var(--muted);font-size:17px;line-height:1.85;white-space:pre-line}.about-image{min-height:620px}.about-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.auth-shell{min-height:calc(100vh - var(--header));display:grid;place-items:center;padding:48px 20px}.auth-card{width:min(460px,100%);padding:36px}.auth-card h1{margin:0 0 8px;font-family:"Space Grotesk";font-size:36px}.auth-card>p{margin:0 0 26px;color:var(--muted);line-height:1.6}.field{display:grid;gap:8px;margin-bottom:17px}.field label{font-size:12px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:7px;background:#fff}.field textarea{min-height:170px;resize:vertical}.auth-card .button{width:100%}.form-note{margin-top:18px!important;text-align:center;font-size:12px}
.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.admin-card{padding:24px}.admin-card h2{margin:0 0 8px;font-family:"Space Grotesk"}.admin-card p{min-height:44px;color:var(--muted);font-size:13px;line-height:1.55}.count{display:block;margin-bottom:12px;color:var(--accent-dark);font-family:"Space Grotesk";font-size:34px;font-weight:700}
.back-to-top{position:fixed;z-index:15;right:24px;bottom:24px;width:48px;height:48px;border:1px solid #c9ccd0;border-radius:50%;background:#202328;color:#fff;box-shadow:0 10px 26px #181a1d38;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.back-to-top.visible{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:var(--accent)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(24px,5vw,80px);border-top:1px solid var(--line);color:var(--muted);font-size:11px}
@media(max-width:1000px){:root{--header:76px}.site-header{padding-inline:24px}.brand img{width:40px;height:40px}.menu-toggle{margin-left:auto;width:42px;height:42px;display:grid;place-content:center;gap:5px;border:1px solid var(--line);border-radius:50%;background:#fff}.menu-toggle span{display:block;width:17px;height:2px;background:var(--ink)}.main-nav{position:fixed;top:66px;right:18px;width:min(330px,calc(100vw - 36px));padding:16px;display:grid;gap:2px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 24px 60px #181a1d25;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.main-nav.open{opacity:1;pointer-events:auto;transform:none}.main-nav>a{padding:11px 10px;border-radius:7px}.main-nav>a:after{display:none}.main-nav>a.active{background:var(--soft)}.language-picker{padding:8px}.sheet-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.forum-layout{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.page-shell{width:min(100% - 28px,1320px);padding-top:34px}.page-heading{display:block}.sheet-grid,.video-grid,.admin-grid{grid-template-columns:1fr}.forum-row{grid-template-columns:42px 1fr}.forum-stat,.last-post{grid-column:2;text-align:left}.about-layout{grid-template-columns:1fr}.about-image{order:-1;min-height:440px}.about-copy{padding:34px 24px}.site-footer{flex-direction:column}.back-to-top{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
[hidden]{display:none!important}
.brand img{width:54px;height:54px;object-fit:contain;border-radius:0;background:#050505;box-shadow:none}
.forum-row-link{display:block;color:inherit}
.forum-row-link .forum-row{transition:background .18s,transform .18s}
.forum-row-link:hover .forum-row,.forum-row-link:focus-visible .forum-row{background:var(--soft);transform:translateX(3px)}
.video-page{overflow-y:auto}
.video-page .page-shell{padding-top:20px;padding-bottom:24px}
.video-page .breadcrumbs{margin-bottom:10px}
.video-page .page-heading{margin-bottom:16px}
.video-page .page-heading h1{font-size:clamp(40px,3.6vw,54px)}
.video-page .page-heading p{margin-top:8px;line-height:1.45}
.video-page .video-grid{grid-template-columns:repeat(auto-fill,190px);gap:16px}
.video-page .card-body{padding:12px}
.video-page .content-card h2{margin:7px 0 5px;font-size:16px}
.video-page .content-card p{font-size:11px;line-height:1.35}
.video-page .card-meta{font-size:8px}
.about-page{height:100dvh;overflow:hidden!important}
.about-page .page-shell{height:calc(100dvh - var(--header));padding:8px 0}
.about-page .breadcrumbs{display:none}
.about-page .about-layout{height:100%;min-height:0}
.about-page .about-copy{padding:clamp(30px,4vw,64px)}
.about-page .about-copy h1{font-size:clamp(42px,4.8vw,68px);margin-bottom:18px}
.about-page .editable-story{font-size:15px;line-height:1.65}
.about-page .about-image{min-height:0;margin:0}
.about-page .about-image img{height:100%;max-height:100%;object-fit:cover}
@media(max-width:700px){.brand img{width:44px;height:44px}.video-page .video-grid{grid-template-columns:minmax(0,190px)}.about-page{height:auto;overflow:auto!important}.about-page .page-shell,.about-page .about-layout{height:auto}.about-page .about-image{min-height:440px}}
.privacy-check{display:flex;align-items:flex-start;gap:10px;margin:4px 0 18px;color:var(--muted);font-size:12px;line-height:1.5}.privacy-check input{margin-top:3px}.privacy-check a,.privacy-document a{color:var(--accent-dark);font-weight:700;text-decoration:underline}.privacy-document{max-width:920px;margin:auto;padding:clamp(28px,5vw,64px)}.privacy-document h1{margin:0 0 12px;font-family:"Space Grotesk";font-size:clamp(42px,6vw,68px);letter-spacing:-.05em}.privacy-document h2{margin:34px 0 10px;font-family:"Space Grotesk";font-size:23px}.privacy-document p,.privacy-document li{color:var(--muted);line-height:1.75}.privacy-document .updated{font-size:12px}.privacy-document ul{padding-left:22px}
.admin-list-item>span:first-child{display:grid;gap:4px}.admin-list-item small{color:var(--muted)}.admin-actions{display:flex!important;align-items:center;gap:7px}.mini-button{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.mini-button:hover{border-color:var(--accent)}.mini-button.danger{color:#a73511}.dialog-body hr{margin:24px 0;border:0;border-top:1px solid var(--line)}
.empty-forum{padding:24px}.empty-forum h3,.empty-forum p{margin:0 0 6px}.topic-posts{display:grid;gap:16px}.topic-post{overflow:hidden}.topic-post header{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);background:#f7f6f3}.topic-post time{color:var(--muted);font-size:12px}.post-body{padding:22px;line-height:1.7}.topic-image{display:block;max-width:min(100%,780px);max-height:720px;margin:0 22px 22px;border-radius:10px;object-fit:contain}.reply-panel{margin-top:24px;padding:24px}.reply-panel h2,.member-manager h3,.member-inbox h2{font-family:"Space Grotesk"}.member-manager form{margin-top:22px}.member-inbox{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.member-inbox .admin-list-item p{margin:6px 0 0;color:var(--muted);line-height:1.5}.button.danger{border-color:#d9a494;color:#a73511}
.video-comment-link{display:inline-block;margin-top:12px;color:var(--accent-dark);font-size:12px;font-weight:700}.video-detail{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:28px;align-items:start}.video-detail-player{overflow:hidden;border-radius:16px;background:#202328}.video-detail-player video{display:block;width:100%;max-height:72vh;aspect-ratio:9/16;object-fit:contain}.video-detail-copy{padding:32px}.video-detail-copy h1{margin:0 0 20px;font:700 clamp(38px,5vw,68px)/1 "Space Grotesk"}.video-detail-copy p{color:var(--muted);line-height:1.7}.comment-section{max-width:980px;margin:56px auto 0}.comment-section>header h2{margin:0;font:700 34px "Space Grotesk"}.comment-section>header p{color:var(--muted)}.comment-list{display:grid;gap:14px;margin:24px 0}.comment{padding:20px}.comment header{display:flex;justify-content:space-between;gap:14px}.comment time{color:var(--muted);font-size:11px}.comment p{line-height:1.65}.comment-form{padding:24px}@media(max-width:760px){.video-detail{grid-template-columns:1fr}.video-detail-player{max-width:360px;margin:auto}}
.privacy-choice{position:fixed;z-index:18;right:20px;bottom:18px;left:50%;width:min(920px,calc(100% - 40px));padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 55px #181a1d35;transform:translateX(-50%)}.privacy-choice p{margin:0;font-weight:700}.privacy-choice>div{display:flex;gap:10px}body:has(.privacy-choice) .site-footer{padding-bottom:120px}@media(max-width:700px){.privacy-choice{align-items:stretch;flex-direction:column}.privacy-choice>div{display:grid}body:has(.privacy-choice) .site-footer{padding-bottom:230px}}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 24px}.auth-tabs button{padding:11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-weight:700;cursor:pointer}.auth-tabs button.active{border-color:var(--accent);background:var(--soft);color:var(--accent-dark)}.auth-status{margin:0 0 18px;padding:12px 14px;border-radius:7px;background:#eef3f7;color:#33404a;font-size:13px;line-height:1.5}.auth-status[data-type="error"]{background:#fff0ec;color:#a73511}.auth-status[data-type="success"]{background:#eaf7ef;color:#23633b}.auth-card h2{font-family:"Space Grotesk"}.auth-card a{color:var(--accent-dark);font-weight:700}.member-card .button{margin-top:10px}.member-card .button+.button{margin-left:8px}[data-requires-admin] main{visibility:hidden}[data-requires-admin].admin-authorized main{visibility:visible}
.video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,300px));align-items:start}.video-grid .content-card{width:100%}.portrait-video,.video-grid .placeholder-art{display:block;width:100%;aspect-ratio:9/16;background:#202328;object-fit:contain}.video-grid .placeholder-art{display:grid;place-items:center;padding:24px;text-align:center}@media(max-width:700px){.video-grid{grid-template-columns:minmax(0,320px);justify-content:center}}
.brand img{object-fit:contain;border-radius:8px}.video-page,.forum-page{overflow-y:scroll}.about-page{height:100dvh;overflow:hidden}.about-page .page-shell{height:calc(100dvh - var(--header));padding:28px 0}.about-page .breadcrumbs{height:24px;margin-bottom:16px}.about-page .about-layout{height:calc(100% - 40px);min-height:0}.about-page .about-image{min-height:0}.admin-dialog{width:min(720px,calc(100% - 28px));max-height:88vh;padding:0;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 30px 90px #181a1d4d}.admin-dialog::backdrop{background:#181a1d80;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-family:"Space Grotesk"}.dialog-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:22px;cursor:pointer}.dialog-body{padding:24px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-grid .wide{grid-column:1/-1}.admin-message{margin-top:14px;color:var(--muted);font-size:13px}.admin-message.error{color:#a73511}.admin-message.success{color:#23633b}.admin-list{display:grid;gap:10px;margin-top:18px}.admin-list-item{display:flex;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}@media(max-width:700px){.about-page{height:auto;overflow:auto}.about-page .page-shell{height:auto;padding:34px 0 0}.about-page .about-layout{height:auto}.dialog-grid{grid-template-columns:1fr}.dialog-grid .wide{grid-column:auto}}