:root{color:#18202a;background:#f7f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page{min-height:100vh;padding:24px}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #deded6;padding:24px;background:#fff}.brand{font-size:22px;font-weight:750;margin-bottom:28px}.nav{display:grid;gap:10px}.nav a{border-radius:8px;padding:10px 12px}.nav a.router-link-active{background:#e8f0ec}.content{padding:28px}.panel{max-width:920px}.muted{color:#68707a}.auth-panel{max-width:460px}.form{display:grid;gap:16px;margin:24px 0}.form label{display:grid;gap:6px;font-weight:650}.form input,.form select,.form textarea{width:100%;border:1px solid #cfd5d8;border-radius:8px;padding:11px 12px;background:#fff;color:#18202a}.form button{border:0;border-radius:8px;padding:12px 14px;background:#18202a;color:#fff;cursor:pointer}.form button:disabled{cursor:wait;opacity:.7}.form-error{border-radius:8px;margin:0;padding:10px 12px;background:#fde8e8;color:#9b1c1c}.success-message{border-radius:8px;margin:16px 0 0;padding:10px 12px;background:#e6f4ea;color:#176c35}.creator-public{max-width:860px}.creator-banner{min-height:180px;border-radius:8px;background:linear-gradient(135deg,#18202a,#48625a);background-position:center;background-size:cover}.creator-header{display:flex;align-items:center;gap:18px;margin-top:-36px;padding:0 18px}.creator-avatar{width:96px;height:96px;border:4px solid #f7f7f4;border-radius:50%;background:#fff;object-fit:cover}.creator-avatar-fallback{display:grid;place-items:center;color:#18202a;font-weight:800}.creator-bio{margin-top:24px;white-space:pre-wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.stats-grid div{border:1px solid #d9d9d0;border-radius:8px;padding:14px;background:#fff}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-size:24px}.stats-grid span{color:#68707a}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.section-header h1{margin:0}.section-header button,.quick-links a,.feed-list button,.admin-dashboard>button{border:1px solid #cfd5d8;border-radius:8px;padding:10px 12px;background:#fff;color:#18202a;cursor:pointer}.section-header button:disabled,.feed-list button:disabled{cursor:wait;opacity:.7}.admin-dashboard{max-width:1100px}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-section{margin-top:32px}.quick-links,.activity-grid{display:grid;gap:12px}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-grid article{border:1px solid #d9d9d0;border-radius:8px;padding:14px;background:#fff}.activity-grid h3{margin:0 0 12px}.activity-grid ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.activity-grid li strong,.activity-grid li span{display:block}.activity-grid li span{color:#68707a}.feed-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;width:min(960px,100%)}.feed-video{overflow:hidden;border:1px solid #d9d9d0;border-radius:8px;background:#fff}.feed-video video{width:100%;aspect-ratio:9 / 16;display:block;background:#101820;object-fit:cover}.feed-video div{padding:12px}.feed-video h2{margin:0 0 4px;font-size:18px}.video-feed-shell{position:relative;min-height:calc(100vh - 56px);background:#f6f6f1}.reels-feed{height:calc(100vh - 56px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.reels-feed::-webkit-scrollbar{display:none}.video-reel{position:relative;width:min(620px,calc(100vw - 96px));height:calc(100vh - 56px);margin:0 auto;display:grid;grid-template-columns:minmax(320px,480px) 82px;gap:18px;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always}.video-stage{position:relative;width:100%;height:min(calc(100vh - 88px),820px);overflow:hidden;border-radius:8px;background:#101820;box-shadow:0 18px 46px #1018202e}.video-stage video{width:100%;height:100%;object-fit:cover;display:block}.reel-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#000000b8),linear-gradient(90deg,#00000070,#0000 42%);pointer-events:none}.reel-meta{position:absolute;right:86px;bottom:28px;left:24px;color:#fff}.reel-meta h1{margin:8px 0;font-size:24px}.reel-meta p{margin:0}.reel-error{margin-top:10px;color:#ffd7d7}.video-actions{display:grid;gap:10px;align-self:end;margin-bottom:26px}.video-actions button{width:58px;min-height:58px;border:1px solid #d4d8d8;border-radius:8px;padding:6px;background:#fff;color:#101820;cursor:pointer;box-shadow:0 8px 20px #1018201a}.video-actions button:disabled{cursor:wait;opacity:.7}.video-actions span,.video-actions small{display:block}.video-actions span{font-size:22px}.video-actions small{margin-top:2px;font-size:11px}.load-more-button{width:min(460px,calc(100vw - 48px));min-height:72px;margin:16px auto;display:block;border:1px solid #cfd5d8;border-radius:8px;background:#fff;cursor:pointer;scroll-snap-align:end}.desktop-reel-controls{position:fixed;right:26px;top:50%;z-index:10;display:grid;gap:12px;transform:translateY(-50%)}.desktop-reel-controls button{width:48px;height:48px;border:1px solid #cfd5d8;border-radius:999px;background:#fff;color:#101820;font-size:24px;cursor:pointer;box-shadow:0 10px 24px #10182024}.desktop-reel-controls button:disabled{cursor:default;opacity:.35}.mobile-bottom-nav{display:none}.comment-drawer{position:fixed;top:0;right:0;z-index:20;width:min(420px,100vw);height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:20px;border-left:1px solid #d9d9d0;background:#fff;box-shadow:-12px 0 30px #00000024}.comment-drawer header,.gift-modal header{display:flex;align-items:start;justify-content:space-between;gap:12px}.comment-drawer h2,.gift-modal h2{margin:0}.comment-drawer button,.comment-form button,.gift-modal button{border:1px solid #cfd5d8;border-radius:8px;padding:9px 11px;background:#fff;color:#18202a;cursor:pointer}.comment-list{min-height:0;display:grid;align-content:start;gap:10px;overflow-y:auto}.comment-item{border:1px solid #d9d9d0;border-radius:8px;padding:12px}.comment-item p{margin:6px 0 0;white-space:pre-wrap}.comment-form{display:grid;gap:10px}.comment-form label{display:grid;gap:6px}.comment-form textarea{width:100%;border:1px solid #cfd5d8;border-radius:8px;padding:10px;resize:vertical}.gift-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#0000008a}.gift-modal>div{width:min(420px,100%);border-radius:8px;padding:18px;background:#fff}.gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.gift-grid button{min-height:80px;font-weight:700}.gift-grid span{display:block;margin-bottom:6px;font-size:24px}.video-page{display:grid;place-items:center}.video-detail{display:grid;grid-template-columns:minmax(260px,420px) minmax(240px,420px);gap:24px;align-items:start;width:min(920px,100%)}.video-detail video{width:100%;aspect-ratio:9 / 16;border-radius:8px;background:#101820;object-fit:cover}.video-meta h1{margin-top:0}.table-list{display:grid;gap:10px;margin-top:20px}.table-row{display:flex;justify-content:space-between;gap:16px;border:1px solid #d9d9d0;border-radius:8px;padding:14px;background:#fff}.row-actions{display:flex;align-items:center;gap:8px}.row-actions select,.row-actions button{border:1px solid #cfd5d8;border-radius:8px;padding:8px 10px;background:#fff}@media(max-width:760px){.video-detail,.stats-grid,.quick-links,.activity-grid{grid-template-columns:1fr}.section-header,.table-row,.row-actions{align-items:stretch;flex-direction:column}.video-feed-shell,.reels-feed,.video-reel{min-height:calc(100vh - 72px);height:calc(100vh - 72px);min-height:calc(100dvh - 72px);height:calc(100dvh - 72px)}.video-feed-shell{margin:0 -20px}.video-reel{width:100%;display:block;border-radius:0}.video-stage{height:calc(100vh - 72px);height:calc(100dvh - 72px);border-radius:0;box-shadow:none}.reel-meta{right:76px;bottom:88px;left:16px}.video-actions{position:absolute;right:10px;bottom:84px;z-index:2}.video-actions button{width:54px;min-height:54px;border-color:#ffffff3d;background:#0000006b;color:#fff;box-shadow:none}.desktop-reel-controls{display:none}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:15;height:72px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgb(255 255 255 / 14%);background:#101820}.mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;border:0;background:transparent;color:#fff;font-size:12px;text-align:center;text-decoration:none}.mobile-bottom-nav button:disabled{opacity:.52}.mobile-bottom-nav .publish-link{width:46px;height:46px;justify-self:center;display:grid;place-items:center;border-radius:999px;background:#fff;color:#101820;font-size:26px;font-weight:800}}.feed-frame{display:grid;place-items:center;min-height:calc(100vh - 56px)}.video-placeholder{width:min(420px,100%);aspect-ratio:9 / 16;display:grid;place-items:center;border:1px solid #d9d9d0;border-radius:8px;background:#101820;color:#fff;text-align:center;padding:24px}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #deded6}.nav{grid-auto-flow:column;overflow-x:auto}.feed-shell .sidebar{display:none}.feed-shell .content{padding:0 20px}}