:root{--bg: #1c1c1e;--surface: #262628;--surface-hover: #323234;--border: rgba(255, 255, 255, .08);--accent: #e50914;--accent-hover: #c20812;--danger: #ff4a4a;--text: #efeff1;--muted: #adadb8}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:root{--navbar-height: 120px}.navbar{position:sticky;top:0;z-index:100;height:var(--navbar-height);display:flex;align-items:center;justify-content:flex-end;padding:.6rem 1.5rem .75rem;background:#0e0e12e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.navbar--compact{height:80px;padding-bottom:0}.logo{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.logo-img{height:63px;width:auto;display:block}.logo-slogan{margin-top:.3rem;font-size:1.15rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#fff}.navbar-actions{display:flex;gap:.75rem}.menu-toggle{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--text);padding:.4rem;z-index:1}.btn-primary,.btn-outline,.btn-danger{border-radius:.4rem;padding:.55rem 1.1rem;font-weight:600;font-size:.9rem;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover{background:var(--surface-hover)}.btn-danger{background:transparent;color:var(--danger);border-color:#ff4a4a66}.btn-danger:hover{background:#ff4a4a1a}.page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1.25rem}.home-layout{display:flex;align-items:stretch}.home-layout .page{max-width:none;margin:0;flex:1;min-width:0;padding:1.5rem 1.5rem 4rem}.sidebar{flex-shrink:0;width:200px;background:var(--surface);z-index:200;transition:transform .25s ease}.sidebar-inner{position:sticky;top:var(--navbar-height);max-height:calc(100vh - var(--navbar-height));overflow-y:auto;padding:1.5rem 1rem}.sidebar-backdrop{display:none}.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.sidebar-link{display:block;width:100%;text-align:left;background:none;border:none;color:var(--muted);padding:.5rem .75rem;border-radius:.4rem;font-size:.9rem;font-weight:600}.sidebar-link:hover{background:var(--surface-hover);color:var(--text)}.sidebar-link--active{background:var(--surface);color:var(--accent)}@media(max-width:700px){:root{--navbar-height: 68px}.navbar--compact{height:60px}.menu-toggle{display:flex}.navbar{justify-content:space-between}.logo-slogan{margin-top:.1rem;font-size:.55rem;letter-spacing:.08em}.logo-img{height:28px}.sidebar{position:fixed;top:var(--navbar-height);left:0;bottom:0;width:240px;max-width:80vw;transform:translate(-100%);box-shadow:4px 0 20px #0006}.sidebar--open{transform:translate(0)}.sidebar-inner{height:100%;max-height:none}.sidebar-list{flex-direction:column}.sidebar-backdrop{display:block;position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:#00000080;z-index:150}.home-layout .page{padding:1.5rem 1rem 3rem}}.section{display:flex;flex-direction:column;gap:1rem}.section-title{margin:0;font-size:1.3rem;font-weight:700;border-left:4px solid var(--accent);padding-left:.75rem}.reel-row{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.reel-row .video-card{flex:0 0 auto;align-items:flex-start}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.video-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;overflow:hidden;padding:0;color:var(--text);text-align:left;transition:transform .15s ease,border-color .15s ease}.video-card:hover{transform:translateY(-3px);border-color:var(--accent)}.video-card-thumb{position:relative;width:100%;overflow:hidden;background:#000}.video-card--reel .video-card-thumb{width:auto;height:var(--story-thumb-height, 146px);aspect-ratio:9 / 16}.video-card--story .video-card-thumb{aspect-ratio:16 / 9}.video-card-thumb img{width:100%;height:100%;object-fit:cover}.video-card-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;opacity:0;transition:opacity .15s ease}.video-card:hover .video-card-play{opacity:1}.feature-card{display:flex;justify-content:flex-start;width:100%;background:none;border:none;padding:0;text-align:left;color:var(--text)}.feature-card-media{display:flex;flex-direction:column;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;transition:border-color .15s ease}.feature-card-media:hover{border-color:var(--accent)}.feature-card--story .feature-card-media{max-width:448px}.feature-card--reel .feature-card-media{max-width:224px}.feature-card-thumb-btn{display:block;width:100%;padding:0;border:none;background:none}.feature-card-thumb{position:relative;width:100%;overflow:hidden;background:#000}.feature-card--story .feature-card-thumb{aspect-ratio:16 / 9}.feature-card--reel .feature-card-thumb{aspect-ratio:9 / 16}.feature-card-thumb img{width:100%;height:100%;object-fit:cover}.feature-card-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;opacity:0;transition:opacity .15s ease}.feature-card-thumb-btn:hover .feature-card-play{opacity:1}.feature-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem}.feature-card-badge{background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px}.feature-card-info h3{margin:0;font-size:1.25rem}.feature-card-description{margin:0;color:var(--muted);font-size:.9rem}.feature-card-description--clamped{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.feature-card-toggle{background:none;border:none;padding:0;color:var(--accent);font-size:.85rem;font-weight:700}.feature-card-toggle:hover{text-decoration:underline}.player-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.player-box{position:relative;background:var(--surface);border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.player-frame{flex-shrink:0}.player-info{overflow-y:auto}.player-box--story{width:100%;max-width:900px}.player-box--reel{width:min(90vw,420px)}.player-frame{width:100%;background:#000}.player-box--story .player-frame{aspect-ratio:16 / 9}.player-box--reel .player-frame{aspect-ratio:9 / 16}.player-frame iframe{width:100%;height:100%;border:none}.player-info{padding:1rem 1.25rem}.player-info h2{margin:0 0 .4rem;font-size:1.1rem}.player-info p{margin:0;color:var(--muted);font-size:.9rem}.player-close{position:absolute;top:.5rem;right:.5rem;z-index:1;width:32px;height:32px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center}.admin-login{max-width:380px;margin:2rem auto;display:flex;flex-direction:column;gap:1rem}.admin-login-form{display:flex;flex-direction:column;gap:1rem}.admin-login-form label,.admin-video-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--muted)}.admin-login-form input,.admin-video-form input,.admin-video-form textarea,.admin-video-form select{background:var(--surface);border:1px solid var(--border);border-radius:.4rem;padding:.55rem .7rem;color:var(--text);font-family:inherit;font-size:.9rem}.admin-login-form input:focus,.admin-video-form input:focus,.admin-video-form textarea:focus,.admin-video-form select:focus{outline:none;border-color:var(--accent)}.btn-google{display:flex;align-items:center;justify-content:center;gap:.6rem}.admin-login-divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8rem}.admin-login-divider:before,.admin-login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.admin-login-error{color:var(--danger);font-size:.85rem;margin:0}.admin-video-form{display:flex;flex-direction:column;gap:1rem;max-width:500px;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;padding:1.25rem}.admin-video-form h3{margin:0}.admin-video-form-actions{display:flex;gap:.75rem}.admin-toggle-row{flex-direction:row!important;align-items:flex-start;gap:.6rem}.admin-toggle-row input[type=checkbox]{margin-top:.2rem;width:1.1rem;height:1.1rem;accent-color:var(--accent);flex-shrink:0}.admin-toggle-row-text{display:flex;flex-direction:column;gap:.15rem}.admin-toggle-row-text strong{font-size:.9rem;color:var(--text)}.admin-toggle-row-text span{font-size:.8rem;color:var(--muted);font-weight:400}.admin-video-list{display:flex;flex-direction:column;gap:.6rem}.admin-video-row{display:flex;align-items:center;gap:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.6rem .9rem}.admin-video-row img{width:64px;height:36px;object-fit:cover;border-radius:.3rem;flex-shrink:0}.admin-video-row-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.admin-video-row-info strong{display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-video-row-badge{flex-shrink:0;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px}.admin-video-row-meta{font-size:.75rem;color:var(--muted);text-transform:capitalize}.admin-video-row-actions{display:flex;gap:.5rem;flex-shrink:0}.admin-empty{color:var(--muted)}.site-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.site-footer p{margin:0;color:var(--muted);font-size:.8rem;letter-spacing:.03em}