@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Inter,system-ui,sans-serif;color:#f3f5f1;background:#0b0e0c;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#0b0e0c;--panel:#121714;--panel-2:#171d19;--line:#28312b;--muted:#929c95;--lime:#c5ff4a;--lime-ink:#11150e;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 62% -18%,#c5ff4a0b,transparent 37%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:#0d110f;border-right:1px solid var(--line);padding:26px 17px;display:flex;flex-direction:column;z-index:10}.brand{border:0;background:none;color:#f8f9f6;display:inline-flex;align-items:center;gap:11px;padding:0 8px 35px;font-weight:800;letter-spacing:-.06em;font-size:23px}.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--lime);color:#10140d;display:grid;place-items:center}.brand-name span,.lime-dot{color:var(--lime)}.brand-small{padding:0;font-size:20px}.brand-small .brand-mark{width:27px;height:27px}.side-label,.eyebrow{font:10px var(--mono);letter-spacing:.11em;color:#87928a;text-transform:uppercase}.side-label{margin:4px 11px 10px}.nav-item{border:0;color:#9da69f;background:transparent;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;margin:2px 0;text-align:left;font-size:12px;transition:background .18s,color .18s}.nav-item:hover,.nav-item.active{background:#c5ff4a13;color:var(--lime)}.nav-item.active{box-shadow:inset 2px 0 var(--lime)}.nav-item svg{flex:none}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0}.sidebar-bottom>p{font-size:12px;color:#d3d9d4;margin:8px 0 17px}.capacity-note{border:1px solid #28322b;border-radius:12px;padding:12px;display:grid;gap:5px}.capacity-note span{font:9px var(--mono);color:var(--lime);letter-spacing:.09em}.capacity-note b{font-size:11px}.capacity-note small{font-size:10px;color:var(--muted)}.main-shell{margin-left:235px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid #1d2520;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,58px);gap:18px;position:sticky;top:0;background:#0b0e0cef;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:8}.search-box{width:min(500px,55vw);height:40px;border:1px solid var(--line);background:#101512;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 11px;color:#8c9790}.search-box input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#f3f5f1;font-size:12px}.search-box button,.icon-button{background:none;border:0;color:#a4aea7;display:grid;place-items:center}.search-box button{color:var(--lime)}.top-actions{display:flex;align-items:center;gap:11px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:11px;font-weight:800;transition:transform .18s,border .18s,background .18s}.button:hover{transform:translateY(-1px)}.button-lime{background:var(--lime);color:var(--lime-ink)}.button-lime:hover{background:#d3ff7c}.button-lime:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-dark{background:#1a211c;border-color:#2b352d;color:#e5eae6}.button-quiet{color:#dce3dd;background:#121814;border-color:#28322a;padding:9px 12px}.icon-button{width:35px;height:35px;border-radius:9px}.profile-button{height:34px;width:34px;border:1px solid #c5ff4a55;border-radius:50%;background:#c5ff4a16;color:var(--lime);font-size:13px;font-weight:800}.content-shell{width:min(100% - 90px,1120px);margin:0 auto;padding:30px 0 45px;flex:1}.mobile-brand,.mobile-title{display:none}.home-hero{min-height:360px;border:1px solid #29342d;border-radius:20px;overflow:hidden;position:relative;background:#111713;margin-bottom:36px;isolation:isolate}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#101511,#101511ef 38%,#10151171 70%,#10151135),url(/manus-storage/async-images/oRZuugyuES0TqIUFDxJ3Ik/image-1.webp) center 48%/cover no-repeat;z-index:-1}.hero-copy{max-width:610px;padding:47px 45px 57px}.hero-copy h1,.page-title-row h1,.page-section>h1{font-size:clamp(40px,5.3vw,68px);letter-spacing:-.075em;line-height:.98;margin:18px 0}.hero-copy h1 em,.page-title-row h1 em,.page-section>h1 em{color:var(--lime);font-style:normal}.hero-copy p,.page-title-row p{color:#b1b9b3;font-size:13px;line-height:1.7;max-width:425px}.hero-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:22px}.hero-actions>span{display:flex;align-items:center;gap:6px;color:#bac1bc;font-size:10px}.hero-actions>span svg{color:var(--lime)}.hero-meta{position:absolute;right:19px;bottom:17px;display:flex;gap:12px;color:#a4ada6;font:9px var(--mono);letter-spacing:.1em}.library-section{margin:0 0 38px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px}.section-head h2{font-size:23px;letter-spacing:-.055em;margin:5px 0 0}.section-head h1{font-size:32px;letter-spacing:-.06em;margin:8px 0 0}.section-head p{font-size:12px;color:var(--muted);max-width:560px;line-height:1.6}.section-count{font:10px var(--mono);color:#9aa49d}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-tile{padding:0;text-align:left;background:none;border:0;color:inherit;min-width:0}.tile-media{height:185px;position:relative;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#18211b,#111);display:block;border:1px solid #29332b}.tile-media>video,.tile-media>img{width:100%;height:100%;display:block;object-fit:cover;background:#111}.tile-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.tile-duration,.promoted-tag{position:absolute;top:10px;right:10px;padding:5px 7px;background:#080a09b8;border:1px solid #ffffff24;border-radius:6px;color:#f6f7f4;font:9px var(--mono)}.promoted-tag{right:auto;left:10px;color:var(--lime);display:flex;align-items:center;gap:4px}.tile-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .18s}.tile-play svg{border-radius:50%;background:#c5ff4a;color:#111;padding:11px;box-sizing:content-box}.video-tile:hover .tile-play{opacity:1}.tile-copy{display:grid;gap:7px;padding:10px 2px 3px}.tile-creator{display:flex;align-items:center;gap:7px;color:#a8b0aa;font-size:10px}.tile-creator img,.avatar-dot{width:22px;height:22px;border-radius:50%;object-fit:cover}.tile-creator i,.avatar-dot{background:#263329;color:var(--lime);font-style:normal;display:grid;place-items:center;font-size:10px;font-weight:800}.tile-copy>strong{font-size:13px;line-height:1.35;letter-spacing:-.02em}.tile-copy>small{font-size:10px;color:var(--muted)}.empty-state{border:1px dashed #39453c;border-radius:16px;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:linear-gradient(145deg,#111713,#0e120f);gap:10px}.empty-state.smaller{min-height:190px;margin:20px 0}.empty-icon{width:43px;height:43px;border:1px solid #c5ff4a47;background:#c5ff4a0b;color:var(--lime);border-radius:14px;display:grid;place-items:center}.empty-state h2{font-size:21px;letter-spacing:-.05em;margin:2px 0}.empty-state p{max-width:500px;color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 4px}.welcome-line{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:-15px 0 22px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;color:#9ca69f;font:9px var(--mono);letter-spacing:.08em}.welcome-line span{display:flex;align-items:center;gap:6px}.welcome-line b{color:#e8ede9}.welcome-line svg{color:var(--lime)}.channel-strip{display:flex;gap:12px;overflow:auto;padding:3px 0 11px}.channel-card{display:grid;justify-items:center;gap:5px;min-width:128px;padding:15px 12px;background:#111713;border:1px solid var(--line);border-radius:13px;color:inherit}.channel-card b{font-size:11px}.channel-card small{font-size:9px;color:var(--muted)}.avatar-large{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#c5ff4a16;color:var(--lime);overflow:hidden}.avatar-large img{width:100%;height:100%;object-fit:cover}.site-footer{border-top:1px solid #202821;padding:20px clamp(22px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#818b84;font-size:10px}.site-footer>span:first-child{color:#e3e9e4;font-weight:800;letter-spacing:.05em}.site-footer button,.text-button{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:var(--lime);font-size:10px}.page-section{padding:10px 0 45px}.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.page-title-row h1{font-size:clamp(38px,5vw,62px)}.hero-stamp{border:1px solid #c5ff4a60;border-radius:50%;width:98px;height:98px;flex:none;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--lime);font:9px var(--mono);line-height:1.5;transform:rotate(7deg)}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plan-card{background:linear-gradient(150deg,#171f19,#111713);border:1px solid #313d34;border-radius:16px;padding:21px;display:grid;gap:12px}.plan-featured{border-color:#c5ff4a8a;box-shadow:0 0 0 1px #c5ff4a1a inset}.plan-active{border-color:var(--lime)}.plan-card h2{margin:0;font-size:22px;letter-spacing:-.04em}.price{font-size:29px;letter-spacing:-.06em}.price span{font-size:11px;color:var(--muted);letter-spacing:0;margin-left:5px}.plan-card p{margin:0;color:var(--muted);font-size:11px}.phone-field,.select-video{display:grid;gap:7px;max-width:440px;margin:20px 0;color:#b8c1ba;font-size:11px}.phone-field input,.select-video select,.form-modal input:not([type=file]),.form-modal textarea,.form-modal select{background:#0d120f;color:#f0f4f0;border:1px solid #313b33;border-radius:9px;padding:11px 12px;outline:0}.phone-field input:focus,.select-video select:focus,.form-modal input:focus,.form-modal textarea:focus,.form-modal select:focus{border-color:#c5ff4a99}.payment-note,.notice-card{border:1px solid #38443a;background:#131a15;border-radius:12px;padding:14px;display:flex;gap:10px;align-items:flex-start;color:var(--lime);margin:18px 0}.payment-note p,.notice-card span{margin:0;color:#b4beb7;font-size:11px;line-height:1.65}.notice-card b{color:#f0f2ee}.success-text,.error-text,.inline-message{font-size:11px;display:flex;align-items:center;gap:6px}.success-text{color:var(--lime)}.error-text{color:#ff9388}.inline-message{color:var(--lime);overflow-wrap:anywhere;flex-wrap:wrap}.inline-message small{width:100%;font-size:9px;color:#d6ddd7}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.package-card{border:1px solid var(--line);background:#111713;color:#f0f2ee;border-radius:11px;padding:12px;text-align:left;display:grid;gap:5px}.package-card.selected{border-color:var(--lime);background:#c5ff4a11}.package-card span{font-size:10px;color:#aeb7b0}.package-card strong{font-size:14px}.package-card small{font-size:9px;color:var(--muted)}.creator-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--line);background:#111713;padding:19px;border-radius:14px}.creator-summary h2{margin:5px 0;font-size:24px}.creator-summary p{color:var(--muted);font-size:11px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0 28px}.metric-grid article{border:1px solid var(--line);background:#111713;border-radius:12px;padding:15px;display:grid;gap:8px}.metric-grid span{font:9px var(--mono);color:var(--muted)}.metric-grid b{font-size:22px}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#030504d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px;overflow:auto}.form-modal,.watch-modal{width:min(100%,590px);max-height:calc(100vh - 36px);overflow:auto;background:#121814;border:1px solid #374239;border-radius:18px;padding:21px;box-shadow:0 30px 100px #0009}.watch-modal{width:min(100%,1000px)}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.modal-top h2{margin:5px 0 0;font-size:23px;letter-spacing:-.05em}.form-modal>label{display:grid;gap:7px;margin:14px 0;color:#c2cac4;font-size:11px}.form-modal input,.form-modal textarea,.form-modal select{width:100%}.form-modal textarea{resize:vertical}.file-picker{position:relative!important;border:1px dashed #54604f;background:#c5ff4a08;padding:17px;border-radius:12px;display:flex!important;align-items:center;gap:13px;color:var(--lime)!important}.file-picker span{display:grid;gap:4px}.file-picker b{color:#e8ede9}.file-picker small{color:var(--muted)}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full-button{width:100%;margin-top:13px}.muted{color:var(--muted);font-size:11px;line-height:1.6}.watch-video{width:100%;max-height:58vh;object-fit:contain;background:#050706;border-radius:11px}.watch-info{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:18px}.creator-line{display:flex;align-items:center;gap:8px;font-size:11px}.creator-line b{font-size:11px}.watch-main h2{font-size:22px;letter-spacing:-.045em;margin:15px 0 4px}.watch-main>p{font-size:11px;color:#c2cbc4;line-height:1.6}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.comments-box{border-left:1px solid var(--line);padding-left:17px}.comments-box h3{font-size:14px;margin:0 0 12px}.comments-box h3 span{color:var(--muted);font-size:10px}.comments-box form{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.comments-box input{flex:1;min-width:0;background:#0b0e0c;color:#fff;border:0;padding:9px;font-size:10px;outline:0}.comments-box form button{background:var(--lime);border:0;color:#111;width:35px}.comment-list{max-height:180px;overflow:auto}.comment-list p{font-size:10px;display:grid;gap:3px;color:#d1d8d2;border-bottom:1px solid #242c26;padding:9px 0}.comment-list b{color:var(--lime)}.qr-glyph{font:9px var(--mono);border:1px solid currentColor;padding:1px 2px}.review-list{display:grid;gap:10px;margin-top:18px}.review-list article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);background:#111713;border-radius:12px}.review-list h3{margin:6px 0;font-size:14px}.review-list p{font-size:10px;color:var(--muted)}.billing-page{max-width:700px}.loading-screen{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:24px}.loading-line{width:85px;height:3px;background:linear-gradient(90deg,transparent,var(--lime),transparent);animation:load 1.3s ease-in-out infinite}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:60;background:#1b241c;color:#e9f3e4;border:1px solid #526347;padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:11px;box-shadow:0 12px 30px #0008}.toast svg{color:var(--lime)}.auth-note{position:fixed;bottom:14px;right:14px;background:#111713ef;border:1px solid var(--line);border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:6px;color:#abb5ad;font-size:9px;z-index:6}.auth-note svg{color:var(--lime)}.short-grid .tile-media{height:260px}.qr-box{background:#fff;padding:12px;border-radius:10px;display:inline-grid;gap:5px}.qr-box small{color:#111}.mobile-title{display:none}@keyframes load{50%{opacity:.3;transform:scaleX(.6)}}@media(max-width:1100px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-shell{width:min(100% - 52px,930px)}.tile-media{height:195px}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:62px;padding:0 17px;gap:10px}.mobile-brand{display:block}.search-box{width:auto;flex:1;height:36px}.search-box input{font-size:10px}.search-box input::placeholder{font-size:0}.top-actions{gap:5px}.button-quiet{padding:8px;font-size:0}.button-quiet svg{width:16px}.logout{display:none}.profile-button{width:31px;height:31px}.content-shell{width:calc(100% - 34px);padding:23px 0 35px}.mobile-title{display:flex;align-items:center;justify-content:space-between;margin:0 17px;padding:12px 0 0;color:#859088;text-transform:uppercase;letter-spacing:.1em;font:10px var(--mono)}.home-hero{min-height:350px;border-radius:15px;margin-bottom:28px}.hero-copy{padding:36px 22px 54px}.hero-copy h1{font-size:45px}.hero-copy p{font-size:12px;max-width:300px}.hero-art{background:linear-gradient(90deg,#101511f2,#101511df,#10151165),url(/manus-storage/async-images/oRZuugyuES0TqIUFDxJ3Ik/image-1.webp) 61% center/cover no-repeat}.section-head h2{font-size:19px}.video-grid{grid-template-columns:1fr;gap:17px}.tile-media{height:auto;aspect-ratio:16/9}.short-grid .tile-media{aspect-ratio:9/13;height:auto}.tile-copy>strong{font-size:13px}.site-footer{align-items:flex-start;flex-direction:column;padding:17px}.page-title-row{display:block}.hero-stamp{display:none}.page-title-row h1,.page-section>h1{font-size:44px}.page-title-row p{font-size:12px}.plan-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.watch-info{grid-template-columns:1fr}.comments-box{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.watch-modal,.form-modal{padding:16px;border-radius:14px}.watch-video{max-height:40vh}.review-list article{align-items:flex-start;flex-direction:column}.creator-summary{align-items:flex-start;flex-direction:column}.auth-note{bottom:8px;right:8px;font-size:8px}.welcome-line{font-size:8px}.metric-grid article{padding:11px}.metric-grid b{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.category-row{display:flex;gap:8px;overflow:auto;padding:0 0 15px;scrollbar-width:none}.category-button{flex:none;background:#121814;color:#9ca69f;border:1px solid #28312b;border-radius:99px;padding:8px 13px;font-size:10px}.category-button:hover,.category-button.active{color:#11150e;background:#c5ff4a;border-color:#c5ff4a;font-weight:800}.load-more{margin:18px auto 0}.channel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.channel-heading h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.07em;margin:8px 0}.channel-heading p{color:#aab3ac;line-height:1.6;font-size:12px;max-width:500px}.channel-qr{margin:8px 0 20px}.channel-qr .text-button{color:#111}.top-creator-name{color:#dce4dd;font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap;padding:0 10px;border-left:1px solid var(--line);border-right:1px solid var(--line)}@media(max-width:760px){.top-creator-name{display:none}}.auth-mode-switch{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;color:var(--muted);font-size:10px}.auth-mode-switch button{border:0;background:none;color:var(--lime);font:inherit;font-weight:800}.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#8c978f;font:9px var(--mono);letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-provider-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-button{border:1px solid #334036;background:#171f19;color:#f1f4f0;border-radius:10px;min-height:42px;padding:9px 12px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800}.provider-button:hover{border-color:#c5ff4a88}.provider-button:disabled{opacity:.45;cursor:not-allowed}.provider-mark{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#f4f5f2;color:#172018;font-weight:900}.provider-mark.apple{background:#f4f5f2;color:#111}.account-id-card{margin:16px 0;padding:12px 14px;border:1px solid #354139;border-radius:10px;background:#101612}.account-id-card small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.account-id-card code{display:block;margin-top:6px;color:#eaf0eb;font-size:10px;overflow-wrap:anywhere}.account-id-card button{margin-top:9px}.account-setup-note{margin-top:12px;padding:10px 12px;border:1px solid #39443b;border-radius:9px;color:#b8c2ba;font-size:10px;line-height:1.6}.provider-pending{color:#d9c58e}.auth-error{margin:10px 0;color:#ff9388;font-size:11px;line-height:1.5}@media(max-width:560px){.auth-form-grid{grid-template-columns:1fr}.auth-form-grid .wide{grid-column:auto}.auth-provider-row{grid-template-columns:1fr}.form-modal{padding:17px}.top-creator-name{display:none}}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.auth-form-grid label{display:grid;gap:7px;margin:14px 0;color:#c2cac4;font-size:11px}.auth-form-grid input{width:100%;background:#0d120f;color:#f0f4f0;border:1px solid #313b33;border-radius:9px;padding:11px 12px;outline:0}.auth-form-grid .wide{grid-column:1/-1}.auth-mode-switch{display:flex;justify-content:center;align-items:center;gap:6px;margin:13px 0 4px;color:var(--muted);font-size:10px}.auth-mode-switch button{background:none;border:0;color:var(--lime);font:inherit;font-weight:800}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#79847c;font:9px var(--mono);letter-spacing:.12em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-provider-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:center}.provider-button{width:100%;min-height:42px;border:1px solid #39443b;border-radius:10px;background:#171e19;color:#e9eee9;display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700}.provider-button:disabled{opacity:.48;cursor:not-allowed}.provider-mark{font:800 14px Arial,sans-serif;color:#fff;background:#333;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.provider-mark.apple{font-size:12px;color:#111;background:#fff}.google-button-host{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;overflow:hidden}.google-button-host iframe{max-width:100%}.account-setup-note{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:10px;border:1px solid #39443b;border-radius:9px;color:#aab4ac;font-size:9px;line-height:1.6}.account-setup-note svg{flex:none;color:var(--lime);margin-top:1px}.auth-error{color:#ff9388;font-size:10px;line-height:1.5}.account-id-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;margin:14px 0 22px;border:1px solid #374239;border-radius:12px;background:#111713}.account-id-card>div{min-width:0;display:grid;gap:5px}.account-id-card code{font:10px var(--mono);color:#e6eee7;overflow-wrap:anywhere}.account-id-card small{color:var(--muted);font-size:9px;line-height:1.5}.small-button{padding:8px 10px;flex:none}@media(max-width:560px){.auth-form-grid{grid-template-columns:1fr}.auth-form-grid .wide{grid-column:auto}.auth-provider-row{grid-template-columns:1fr}.account-id-card{align-items:flex-start;flex-direction:column}}.topbar .top-creator-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:clamp(100px,16vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;pointer-events:none;z-index:2}@media(max-width:760px){.topbar .top-creator-name{display:block;max-width:calc(100vw - 160px);font-size:10px}}