@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,650;12..96,800&family=Instrument+Sans:wght@400;500;600&display=swap');
:root{--ink:#10211d;--muted:#66736e;--paper:#f5f7f3;--card:#fff;--line:#dfe6e1;--green:#12a66b;--blue:#247bd6;--dark:#071c17;--warm:#f0b85a;--danger:#c8464a;--nav:74px;--shadow:0 14px 45px rgba(22,53,43,.09)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:'Instrument Sans',sans-serif}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.shell{max-width:1440px;margin:auto;padding:92px 28px 40px}.topnav{position:fixed;z-index:50;inset:0 0 auto;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.navin{height:72px;max-width:1440px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:24px}.brand{font-family:'Bricolage Grotesque';font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brandmark{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--green),var(--blue));color:white;display:grid;place-items:center;font-size:24px}.navlinks{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.navitem{min-width:90px;height:52px;padding:6px 12px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:#5e6b66;font-size:13px;font-weight:650}.navitem svg{width:20px}.navitem:hover,.navitem.active{background:#edf5f0;color:var(--green)}.navitem.go{background:var(--dark);color:white;min-width:112px}.navitem.go:hover{background:var(--green)}.navtools{display:flex;gap:8px}.round{width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:50%;display:grid;place-items:center}.round svg{width:19px}.mobile-nav{display:none}.pagehead{display:flex;justify-content:space-between;align-items:end;margin:8px 0 24px}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.pagehead h1,.hero-title{font-family:'Bricolage Grotesque';font-size:clamp(30px,5vw,56px);line-height:.98;letter-spacing:-2px;margin:6px 0}.pagehead p{color:var(--muted);margin:0}.stories{display:flex;gap:14px;overflow:auto;padding:4px 2px 22px;scrollbar-width:none}.story{width:74px;flex:0 0 74px;text-align:center;font-size:12px;font-weight:650;color:#4d5d57}.story-ring{width:68px;height:68px;padding:3px;margin:auto auto 7px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue),var(--warm))}.story-ring span,.avatar{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:var(--dark);color:white;font-family:'Bricolage Grotesque';font-weight:800}.story-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid white}.home-layout{display:grid;grid-template-columns:minmax(0,720px) 330px;gap:28px;justify-content:center}.composer,.post,.panel,.video-card,.studio-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.composer{padding:18px;margin-bottom:16px;display:flex;gap:12px;align-items:center}.composer button{flex:1;border:0;background:#f0f3f1;border-radius:28px;padding:14px;text-align:left;color:var(--muted)}.post{overflow:hidden;margin-bottom:18px}.post-head{display:flex;align-items:center;gap:11px;padding:16px 18px}.avatar{width:44px;height:44px;flex:0 0 44px}.post-head b{display:block}.post-head small{color:var(--muted)}.post-copy{padding:0 18px 16px;line-height:1.55}.post-media{aspect-ratio:16/9;background:#d8e8df;position:relative;overflow:hidden}.post-media img{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:58px;height:58px;border-radius:50%;border:0;background:rgba(7,28,23,.88);color:white;font-size:20px}.post-actions{display:flex;border-top:1px solid var(--line);padding:8px}.post-actions button{flex:1;border:0;background:none;padding:10px;border-radius:10px;color:#53615c;font-weight:650}.post-actions button:hover{background:#eef5f1;color:var(--green)}.panel{padding:20px;margin-bottom:18px}.panel h3{font-family:'Bricolage Grotesque';margin:0 0 14px}.trend{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.trend:first-of-type{border:0}.trend b{font-size:14px}.trend span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.video-card{border:0;box-shadow:none;background:transparent}.thumb{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#dce8e2;position:relative}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.video-card:hover .thumb img{transform:scale(1.035)}.duration{position:absolute;right:8px;bottom:8px;background:rgba(7,28,23,.86);color:white;padding:4px 7px;border-radius:6px;font-size:11px}.video-meta{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px 2px}.video-meta .avatar{width:38px;height:38px}.video-meta h3{font-size:15px;line-height:1.3;margin:0 0 5px}.video-meta p{font-size:12px;color:var(--muted);margin:2px 0}.shorts{height:calc(100vh - 110px);overflow:auto;scroll-snap-type:y mandatory;border-radius:26px}.short{height:100%;min-height:620px;scroll-snap-align:start;position:relative;background:linear-gradient(160deg,#183b31,#1d5f70);overflow:hidden}.short:nth-child(2n){background:linear-gradient(160deg,#5c3f24,#173a37)}.short img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.55}.short-copy{position:absolute;left:26px;right:92px;bottom:30px;color:white}.short-copy h2{font-family:'Bricolage Grotesque';font-size:28px;margin:8px 0}.short-rail{position:absolute;right:20px;bottom:28px;display:grid;gap:14px}.short-rail button{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(7,28,23,.55);color:white}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;background:var(--dark);border-radius:24px;overflow:hidden;min-height:650px}.player{background:radial-gradient(circle at 65% 28%,#276e64,#071c17 60%);position:relative;min-height:580px;color:white;display:grid;place-items:center}.player-stage{text-align:center;padding:30px}.player-stage h1{font-family:'Bricolage Grotesque';font-size:clamp(34px,5vw,68px);margin:10px}.live-badge{display:inline-flex;gap:8px;align-items:center;background:#df3d4a;padding:7px 11px;border-radius:8px;font-size:12px;font-weight:800}.live-badge i{width:7px;height:7px;background:white;border-radius:50%;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.live-info{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end}.chat{background:white;display:flex;flex-direction:column;min-width:0}.chat-head{padding:18px;border-bottom:1px solid var(--line);font-family:'Bricolage Grotesque';font-weight:800}.chat-messages{padding:16px;overflow:auto;flex:1}.chat-line{font-size:13px;line-height:1.45;margin-bottom:13px}.chat-line b{color:var(--blue);margin-right:6px}.emotes{display:flex;gap:6px;padding:8px 14px;overflow:auto}.emotes button{border:1px solid var(--line);background:white;border-radius:9px;padding:7px 9px}.chat-form{display:flex;gap:7px;padding:12px;border-top:1px solid var(--line)}.chat-form input{min-width:0;flex:1}.tipbar{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tipbar button,.button{border:0;border-radius:12px;background:var(--green);color:white;padding:11px 15px;font-weight:750}.button.secondary{background:#edf4f0;color:var(--ink)}.button.dark{background:var(--dark)}.profile-hero{background:linear-gradient(135deg,#d9eee2,#dbe9f6);border-radius:28px;padding:38px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:end}.profile-hero .avatar{width:110px;height:110px;font-size:34px;border:5px solid white}.profile-hero h1{font-family:'Bricolage Grotesque';font-size:42px;margin:0}.profile-hero p{color:var(--muted);max-width:680px}.stats{display:flex;gap:24px}.stats b{display:block;font-size:20px}.stats span{font-size:12px;color:var(--muted)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-card{padding:24px}.studio-card.wide{grid-column:1/-1}.studio-card h2{font-family:'Bricolage Grotesque';margin-top:0}.notice{padding:15px;border-radius:14px;background:#edf5f1;color:#315b4b;font-size:13px;line-height:1.5;margin:14px 0}.notice.warn{background:#fff3db;color:#77551b}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field textarea,.field select,.chat-form input{width:100%;border:1px solid #cad5cf;border-radius:11px;padding:12px;background:white;color:var(--ink)}.field textarea{min-height:100px;resize:vertical}.status{font-size:13px;color:var(--muted);margin-top:10px}.authbox{max-width:520px;margin:50px auto;background:white;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.authbox h1{font-family:'Bricolage Grotesque'}.empty{text-align:center;padding:50px;color:var(--muted)}@media(max-width:1050px){.video-grid{grid-template-columns:repeat(3,1fr)}.home-layout{grid-template-columns:1fr}.home-side{display:none}.navitem{min-width:auto}.navitem span{display:none}.live-layout{grid-template-columns:1fr}.chat{min-height:430px}.studio-grid{grid-template-columns:1fr}.studio-card.wide{grid-column:auto}}@media(max-width:700px){body{padding-bottom:78px}.shell{padding:24px 14px 30px}.topnav{position:static}.navin{height:64px;padding:0 16px}.navlinks{display:none}.navtools{margin-left:auto}.mobile-nav{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;z-index:60;left:0;right:0;bottom:0;height:72px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav .navitem{height:68px;padding:7px 2px;display:flex;flex-direction:column;gap:3px;border-radius:0;font-size:9px;min-width:0}.mobile-nav .navitem span{display:block}.mobile-nav .navitem.go{margin:-12px 3px 8px;border-radius:18px;height:62px}.pagehead{align-items:start}.pagehead h1{font-size:38px}.video-grid{grid-template-columns:1fr 1fr;gap:20px 10px}.video-meta{grid-template-columns:30px 1fr}.video-meta .avatar{width:30px;height:30px}.profile-hero{grid-template-columns:1fr;padding:24px}.profile-hero .avatar{width:88px;height:88px}.stats{flex-wrap:wrap}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.live-layout{border-radius:0;margin:0 -14px}.player{min-height:58vh}.shorts{height:calc(100vh - 160px);border-radius:18px}.short{min-height:100%}}@media(max-width:430px){.video-grid{grid-template-columns:1fr}.brand span:last-child{display:none}}