/* Chipper Studio: quiet charcoal surfaces, sharp type, small green moments. */
:root{--bg:#070a11;--surface:#111722;--surface-2:#171f2c;--surface-3:#202b3b;--line:rgba(255,255,255,.12);--line-soft:rgba(255,255,255,.075);--text:#f5f7fb;--muted:#a0a9ba;--mint:#45e6a8;--mint-text:#06241a;--primary:#45e6a8;--primary-hover:#78efc1}
html{scroll-padding-top:124px;scrollbar-color:#3d4f49 #0b1018}body{background:radial-gradient(ellipse at 82% 5%,rgba(88,115,181,.07),transparent 38rem),var(--bg)}*::-webkit-scrollbar-track{background:#0b1018}*::-webkit-scrollbar-thumb{background:#3b4c47;border-color:#0b1018}*::-webkit-scrollbar-thumb:hover{background:#546c60}
.site-header{position:sticky;top:18px;z-index:50;width:min(1220px,calc(100% - 48px));margin:18px auto 0;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(15,21,31,.92);backdrop-filter:blur(18px);box-shadow:0 12px 36px #0003}.header-inner{width:calc(100% - 42px);min-height:74px;gap:25px}.brand-logo{width:36px;height:36px}.brand-name{font-size:20px;letter-spacing:-.65px;color:var(--text)}.main-nav{margin-left:15px;gap:29px}.main-nav a{padding:25px 0;font-size:12px}.main-nav a.active:after{bottom:14px;height:2px;background:var(--mint)}.header-actions{min-width:137px}.header-actions .btn{min-height:38px;padding:9px 14px;font-size:11px}.user-button{padding:6px 8px;border:1px solid transparent;border-radius:9px}.user-button:hover,.user-button[aria-expanded="true"]{background:#202b3a;border-color:#354253}.user-chevron{color:#9bafaa}.main-content{padding-top:68px;padding-bottom:76px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--mint-text);box-shadow:0 4px 18px rgba(38,194,129,.06)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--mint-text)}.btn:not(.btn-primary):hover{background:#222d3b;border-color:#4b5b6e}.btn-quiet{background:#131a25;border-color:#2d3747}.btn-danger{color:#f3b5ad;border-color:#75504c;background:#2d2023}.btn-danger:hover,.dialog-footer .btn-danger:hover{color:#ffd6cf;background:#492c2d;border-color:#a26861}.avatar-fallback{background:#22372f;color:#9ae9c6}.category-chip.active,.admin-tab.active{background:#212c3d;border-color:#3e4c60;color:#f2f5f9}.category-chip:hover,.admin-tab:hover{background:#192332;color:#e4eaf1}.eyebrow{font-size:9px;color:var(--mint);letter-spacing:2px}.preview-bar{background:#141c28;border-color:#303b4d;color:#aeb9ca}.preview-bar .shell{font-size:10px}.preview-login button{color:#a7cbbf}
.product-card{background:#111722;border-color:#283243;border-radius:13px}.product-card:hover{border-color:#536674;box-shadow:0 12px 30px #0004}.product-cover{background:#1b2330}.product-body{padding:22px}.product-name{font-size:17px}.product-summary{color:#a5afbf}.product-bottom{border-color:#293445}.product-bottom .btn{border-color:#344155;background:#1b2533;color:#e0e7f1}.product-category{color:#8f9eaf}.badge{background:#162c25;color:#9edbc1;border-color:#3a5b4c}.badge-preview{background:#182b25;border-color:#385a4c;color:#a6d7bf}.badge-discount{background:#3c2f20;color:#f1c795;border-color:#70573a}.old-price{color:#92a0b3}.catalog-section{scroll-margin-top:120px}.catalog-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:0 0 25px}.catalog-section-heading h2{font-size:30px;letter-spacing:-1.2px}.catalog-section-heading>p{color:var(--muted);font-size:12px;max-width:260px;text-align:right}.catalog-section-heading .eyebrow{margin-bottom:11px}.catalog-toolbar{padding:19px 0 22px;border-top-color:#273243}.catalog-count{margin-top:0;margin-bottom:16px;color:#8493a6}.catalog-service{background:#101823;border-color:#2e3c4b;padding:25px 28px}.catalog-service .service-label{color:#7cae98}.catalog-service h3{color:#eef3fa}.catalog-service p{color:#9caaba}.service-mini{background:#1a2b27;border-color:#365146;color:#79d3ac}.trust-strip{padding-top:12px}.trust-icon{color:#8fbdac}.trust-item p{color:#8998ab}.site-footer{background:#090e16;border-color:#263140;padding:38px 0 40px}.footer-brand{color:#e4ebf2;font-size:20px}.footer-links{gap:27px}.footer-links a{color:#98a6b8}.footer-links a:hover{color:var(--mint)}.footer-note{color:#8290a3!important}
.empty-state{background:#101722;border-color:#334152}.empty-icon{background:#172a25;border-color:#355549;color:#83c9ac}.empty-state p{color:#9daabe}.empty-state h2{color:#edf2f8}.notice:not(.notice-error):not(.notice-warning){background:#17251f;border-color:#355345;color:#c7d9ce}.notice-warning{background:#27271f;border-color:#50513c;color:#ded8bb}.notice-error,.form-error{background:#2a2027;border-color:#5c3c4b;color:#f0bac7}.toast:not(.error){background:#17372b;border-color:#3a775b;color:#e5f5ea}.setup-card{background:#111b28;border-color:#2f4052}.setup-state.ready{color:#80d3ae}.setup-state .state-dot{background:#b4ab7b}.admin-help{background:#111a27;border-color:#2e3e51}.admin-help code{background:#1b2b29;color:#9ccbb8}.table-wrap{border-color:#2d3c4f}thead{background:#182333;color:#adbdcf}td{background:#101924;border-color:#27374a}.table-product strong{color:#e7edf7}.table-muted,.order-number{color:#93a3b8}.review-card,.order-card{background:#111b28;border-color:#2d3e50}.status-badge{background:#20392d;color:#a7ddbd}.status-draft{background:#273143;color:#bac7e0}.status-expired,.status-cancelled,.status-archived,.status-refunded{background:#342830;color:#ddbbc8}.status-pending,.status-attention{background:#3c3723;color:#e0d39e}.stars{color:#a7d8c2}.rating-option.selected{background:#1c352a;border-color:#477b5e;color:#a8dec4}.field-control{background:#0b121d;border-color:#2d3e52}.field-control:focus{border-color:#5c8b7a}.field-control::placeholder{color:#8999ae}.field label,.field-label{color:#c6d2e2}.file-upload-box{background:#121e2c;border-color:#3b5067}.file-upload-box input::file-selector-button{background:#202e40;border-color:#3e5269}.shop-dialog{background:#111b29;border-color:#465d75}.dialog-header,.dialog-footer{background:#121f2f;border-color:#2c4057}.dialog-close{background:#203147;border-color:#425b76;color:#aebfd3}.dialog-close:hover{background:#304965;color:#fff}.detail-section{border-color:#2d4057}.detail-description,.feature-list li{color:#bbc9da}.detail-meta span{color:#a8bad0;background:#1e2f44}.checkout-summary{background:#0e1927;border-color:#2e4560}.delete-account-summary{background:#152a2c;border-color:#3b6262}.dialog-footer .btn-danger{background:#392529;color:#f3b9b1;border-color:#765154}.faq-item{background:#111b2a;border-color:#2b3e55}.faq-item[open]{background:#152438;border-color:#465e7d}.faq-item summary:after{color:#8ac9ae}.faq-answer{color:#a9b8cb}.profile-dropdown{background:#111c2a;border-color:#3e536c;box-shadow:0 16px 42px #0009}.profile-menu-heading span{color:#91a5bd}.profile-menu-heading strong{color:#e9f1fa}.profile-menu-item{color:#dce7f5}.profile-menu-item:hover,.profile-menu-item:focus-visible{background:#21344c}.profile-menu-item:focus-visible{box-shadow:inset 0 0 0 1px #6e9e8c}.profile-menu-icon{color:#8fc8af}.profile-menu-divider{background:#2c405a}.profile-menu-logout:hover,.profile-menu-logout:focus-visible{background:#3b2a32}.service-feature{background:#121e2e;border-color:#30445e}.service-visual{background:linear-gradient(135deg,#1c2e44,#111b2b);border-color:#3d5879}.stream-demo{background:#101d2d;border-color:#35516e}.stream-message{background:#182b3d;border-color:#36536b}.stream-avatar{background:#29463e;color:#bfe7d2}.stream-message p{color:#b7c7db}.stream-demo-top{color:#98b5b7}.stream-platforms{color:#9fb0c6}.service-hero p{color:#a8b7cc}.skip-link{background:var(--mint);color:#08271b}

/* Home: a real, interactive preview of our own stream features. */
.studio-hero{display:grid;grid-template-columns:.98fr 1.02fr;gap:64px;align-items:center;min-height:492px;margin-bottom:63px}.studio-hero-copy{padding:12px 0 28px;min-width:0}.hero-intro-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #2b3847;border-radius:30px;padding:6px 12px;background:#101822;color:#b8c5d5;font-size:8px;font-weight:650;letter-spacing:1.5px}.hero-intro-pill>span{font-size:14px;color:#7ac8a7}.studio-hero h1{font-size:64px;line-height:1.09;letter-spacing:-3.7px;font-weight:800;margin:25px 0 23px}.studio-hero h1 em{font-style:normal;color:var(--mint)}.studio-hero-description{color:#9eaec3;font-size:15px;line-height:1.9;max-width:445px}.hero-cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-cta-row .btn{min-height:43px;padding:11px 16px;font-size:12px;border-radius:9px}.hero-cta-row svg{width:17px;height:17px}.hero-discord-link{display:inline-flex;align-items:center;gap:6px;padding:9px 0;color:#bdcbdc;font-size:11px;font-weight:600;margin-left:2px}.hero-discord-link:hover{color:var(--mint)}.hero-discord-link svg{width:14px;height:14px}.hero-footnote{display:flex;gap:12px;align-items:center;margin-top:31px;font-size:9px;color:#7e8fa6;line-height:1.7}.hero-footnote-line{display:block;width:27px;height:1px;background:#526375;flex-shrink:0}.hero-visual{perspective:1100px;min-width:0;position:relative}.hero-demo-label{display:flex;align-items:center;gap:8px;margin:0 0 11px 5px;font-size:8px;font-weight:700;letter-spacing:1.3px;color:#b9c8d9}.hero-demo-label>span:last-child{margin-left:auto;color:#6f829b;font-size:8px;letter-spacing:.15px;font-weight:500}.hero-demo-dot{width:5px;height:5px;background:#68bfa1;border-radius:50%}.demo-window{position:relative;border:1px solid #41546d;border-radius:15px;overflow:hidden;background:#101b2a;box-shadow:0 27px 60px #0006,0 0 0 5px #16213255;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease-out;will-change:transform}.demo-window-top{height:37px;padding:0 14px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #33465e;background:#18283b;font-size:8px;color:#91a6c0;letter-spacing:.4px}.demo-window-dots{display:flex;gap:5px}.demo-window-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#52677f}.demo-window-dots i:nth-child(2){background:#69826f}.demo-window-dots i:nth-child(3){background:#788a9d}.demo-window-badge{margin-left:auto;font-size:7px;color:#8ca8a5;letter-spacing:1px}.demo-window-content{padding:17px 17px 0;background:linear-gradient(145deg,#132237 0%,#0c1726 76%)}.demo-chat-panel{position:relative;border:1px solid #324963;border-radius:10px;padding:12px 15px 10px;background:#101d30;z-index:2}.demo-panel-label{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#8fa7c7;margin-bottom:10px;font-weight:650}.demo-chat-platforms{display:flex;gap:5px}.demo-chat-platforms i{width:5px;height:5px;border-radius:50%}.platform-youtube{background:#f1727d}.platform-tiktok{background:#65d7ce}.platform-twitch{background:#ba9feb}.demo-chat-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #263b55}.demo-chat-initial{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;border:1px solid #5b4b59;background:#352b40;color:#e5bec8;font-size:8px;font-weight:650;flex-shrink:0}.demo-chat-tiktok{background:#1e363b;border-color:#3b6268;color:#a8d9d6}.demo-chat-twitch{background:#2e3048;border-color:#535475;color:#c8c1ec}.demo-chat-name{display:flex;align-items:center;gap:7px;line-height:1}.demo-chat-name strong{font-size:8px;color:#d8e5f7;font-weight:650}.demo-chat-name span{font-size:6px;color:#7891b3}.demo-chat-row p{font-size:9px;color:#aabbd1;margin-top:5px;line-height:1.45}.demo-avatar-stage{position:relative;height:184px;isolation:isolate;overflow:hidden;margin-top:2px}.demo-stage-grid{position:absolute;inset:0;background-image:radial-gradient(#3b536544 .8px,transparent .8px);background-size:18px 18px;mask-image:linear-gradient(transparent,#000 55%);z-index:-1}.demo-stage-floor{position:absolute;bottom:0;height:1px;left:0;right:0;background:linear-gradient(90deg,transparent,#4d6d70,transparent)}.demo-pet{position:absolute;bottom:1px;width:104px;height:127px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}.demo-pet-panda{left:2%}.demo-pet-chips{left:calc(50% - 52px)}.demo-pet-dino{right:2%}.demo-name{max-width:98px;margin-bottom:-2px;z-index:2;font-size:7px;line-height:1.1;border:1px solid #5f5367;border-radius:5px;padding:5px 8px;background:#29283c;color:#e6d1de}.demo-name-youtube{border-color:#925a64;background:#352735}.demo-name-tiktok{border-color:#518279;background:#173c39}.demo-name-twitch{border-color:#7b609e;background:#2c2944}.demo-sprite{--size:96px;display:block;width:var(--size);height:var(--size);background-size:calc(8 * var(--size)) calc(5 * var(--size));background-repeat:no-repeat;background-position-y:calc(-1 * var(--size));animation:demo-sprite-walk 1.9s steps(8) infinite;filter:drop-shadow(0 5px 4px #0004)}.demo-sprite-chips{background-image:url('/assets/demo-chips.png')}.demo-sprite-dino{background-image:url('/assets/demo-dino.png')}.demo-sprite-panda{background-image:url('/assets/demo-panda.png');animation-delay:-.7s}.demo-chat-bubble{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:9px 13px;max-width:90%;width:max-content;border:1px solid #4d6c7a;background:#1d3549f5;border-radius:9px;color:#d5e6ec;font-size:8px;z-index:5;line-height:1.45;box-shadow:0 6px 16px #0003}.demo-chat-bubble:after{content:'';position:absolute;width:7px;height:7px;background:#1d3549;left:calc(50% - 4px);bottom:-5px;border-right:1px solid #4d6c7a;border-bottom:1px solid #4d6c7a;transform:rotate(45deg)}.demo-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:17px}.demo-toolbar>span{font-size:9px;color:#7f92ad;margin-right:auto}.demo-action{background:#172537;border:1px solid #354a64;border-radius:6px;padding:7px 12px;color:#c5d7ed;font-size:9px;font-weight:600;line-height:1.2;min-height:31px}.demo-action:hover{background:#243b54;border-color:#577490;color:#eef6ff}.demo-action:active{background:#1e4036;color:#b5f2d5}.demo-feedback{font-size:8px;line-height:1.6;color:#6d829f;text-align:right;min-height:14px;margin-top:8px}.demo-effect-layer{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.demo-gift-notification{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;padding:12px 14px;width:max-content;max-width:95%;border:1px solid #5c9b79;background:#193c2fed;border-radius:9px;box-shadow:0 8px 22px #0004}.demo-gift-icon{font-size:25px;color:#a9e7bd}.demo-gift-notification strong{font-size:8px;color:#d5f5e0;display:block}.demo-gift-notification span:not(.demo-gift-icon){display:block;font-size:7px;margin-top:4px;color:#95c9af}.demo-confetti{position:absolute;left:var(--x);top:20px;color:#8bd6ad;font-size:13px;opacity:0}.demo-gift-playing .demo-confetti{animation:demo-confetti-fall 2.8s calc(var(--i) * .085s) ease-out forwards}.demo-gift-playing .demo-gift-notification{animation:demo-gift-enter .4s ease-out}.demo-henshin-playing{animation:demo-henshin .9s ease-in-out}.demo-bubble-pop{animation:demo-bubble-pop .3s ease-out}.studio-ticker{margin:0 0 65px;overflow:hidden;border-top:1px solid #273344;border-bottom:1px solid #273344;padding:20px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.studio-ticker-track{display:flex;width:max-content;animation:studio-ticker 38s linear infinite}.studio-ticker-group{display:flex;align-items:center;gap:39px;padding-right:39px;flex-shrink:0}.studio-ticker-group>span{display:flex;align-items:center;gap:39px;white-space:nowrap;font:650 12px var(--heading);letter-spacing:1px;color:#6e829c}.studio-ticker-group i{font-style:normal;color:#5fa184;font-size:17px}.legal-layout{display:grid;grid-template-columns:235px 1fr;gap:55px;margin-top:45px}.legal-aside{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.legal-aside .section-label{margin-bottom:8px}.legal-aside .btn{font-size:11px}.legal-content{border-top:1px solid #2c3b50}.legal-content section{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:27px 0;border-bottom:1px solid #26384f}.legal-number{font:600 10px var(--font);color:#6d91a8;padding-top:5px}.legal-content h2{font-size:18px;letter-spacing:-.4px;line-height:1.5;margin-bottom:13px}.legal-content p{color:#9eafc5;font-size:13px;line-height:1.95}
@keyframes demo-sprite-walk{from{background-position-x:0}to{background-position-x:calc(-8 * var(--size))}}@keyframes studio-ticker{to{transform:translateX(-50%)}}@keyframes demo-henshin{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-37px) scale(.88);filter:brightness(1.6)}60%{transform:translateY(-30px) scale(1.08);filter:brightness(1.8)}}@keyframes demo-confetti-fall{0%{opacity:0;transform:translateY(-10px) rotate(var(--r))}15%{opacity:1}90%{opacity:.7}100%{opacity:0;transform:translateY(160px) rotate(calc(var(--r) * -4))}}@keyframes demo-gift-enter{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}@keyframes demo-bubble-pop{from{opacity:.6;scale:.94}to{opacity:1;scale:1}}
@media(min-width:1500px){.main-content{padding-top:78px}.studio-hero{min-height:515px}.studio-hero h1{font-size:68px}.studio-hero-description{font-size:16px}}
@media(max-width:1100px){.studio-hero{gap:42px}.studio-hero h1{font-size:56px;letter-spacing:-3px}.hero-cta-row{gap:10px}.hero-cta-row .btn{padding:10px 13px;font-size:11px}.hero-discord-link{font-size:10px}.demo-window-content{padding:14px 14px 0}.demo-pet{width:91px}.demo-pet-chips{left:calc(50% - 45px)}.demo-sprite{--size:85px}.demo-chat-bubble{font-size:7px}.demo-avatar-stage{height:169px}.main-nav{gap:24px}.brand-name{font-size:19px}}
@media(max-width:850px){.studio-hero{grid-template-columns:1fr;gap:38px;min-height:0;margin-bottom:43px}.studio-hero-copy{padding:0}.studio-hero h1{font-size:63px;line-height:1.1;letter-spacing:-3px;margin-top:22px}.studio-hero-description{max-width:530px;font-size:15px}.hero-cta-row{gap:12px;margin-top:24px}.hero-cta-row .btn{font-size:12px;padding:11px 17px}.hero-discord-link{font-size:12px}.hero-footnote{margin-top:24px}.hero-visual{width:min(590px,100%);margin:0 auto}.demo-window-content{padding:18px 20px 0}.demo-chat-row{padding:10px 0}.demo-chat-row p{font-size:10px}.demo-chat-name strong{font-size:9px}.demo-chat-name span{font-size:7px}.demo-chat-initial{width:28px;height:28px;font-size:10px}.demo-panel-label{font-size:8px}.demo-avatar-stage{height:187px}.demo-sprite{--size:100px}.demo-pet{width:112px}.demo-pet-chips{left:calc(50% - 56px)}.demo-chat-bubble{font-size:9px}.demo-name{font-size:8px}.demo-feedback{font-size:9px}.studio-ticker{margin-bottom:46px}.catalog-section-heading h2{font-size:26px}.legal-layout{grid-template-columns:1fr;gap:25px}.legal-aside{flex-direction:row;flex-wrap:wrap;gap:9px}.legal-aside .section-label{width:100%}.main-content{padding-top:46px}}
@media(max-width:760px){.site-header{top:10px;width:calc(100% - 28px);margin-top:10px;border-radius:14px}.header-inner{width:calc(100% - 26px);padding-top:12px;min-height:68px;column-gap:10px}.brand-logo{width:30px;height:30px}.brand-name{font-size:17px}.header-actions{min-width:0}.header-actions .btn{min-height:33px;padding:8px 10px;font-size:10px}.main-nav{margin-top:7px;gap:31px}.main-nav a{padding:10px 0 16px;font-size:10px}.main-nav a.active:after{bottom:8px}.main-content{padding-top:37px}.catalog-section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.catalog-section-heading>p{text-align:left;max-width:none;font-size:11px}.catalog-toolbar{padding-top:17px}.product-cover{aspect-ratio:1.45}.product-body{padding:17px}.catalog-service{padding:20px}.legal-content section{grid-template-columns:27px 1fr;gap:10px}.footer-links{gap:20px}.footer-inner{row-gap:22px}}
@media(max-width:430px){html{scroll-padding-top:133px}.site-header{width:calc(100% - 24px)}.header-inner{width:calc(100% - 20px)}.brand{gap:7px}.brand-logo{width:27px;height:27px}.brand-name{font-size:16px;letter-spacing:-.6px}.header-actions .btn{padding-left:8px;padding-right:8px;font-size:9px;gap:6px}.header-actions .discord-icon{width:15px;height:15px}.user-button{gap:6px;font-size:10px;padding:5px}.user-button .avatar-fallback,.user-button .user-avatar{width:26px;height:26px}.user-chevron{width:12px;height:12px}.main-nav{gap:30px}.main-content{padding-top:35px}.hero-intro-pill{font-size:6px;padding:6px 9px;letter-spacing:1px}.studio-hero h1{font-size:44px;letter-spacing:-2.4px;line-height:1.13;margin:20px 0 19px}.studio-hero-description{font-size:13px;line-height:1.95}.hero-cta-row{gap:9px;margin-top:22px}.hero-cta-row .btn{font-size:10px;min-height:39px;padding:10px 12px}.hero-discord-link{font-size:10px;margin-left:0}.hero-cta-row svg{width:14px;height:14px}.hero-footnote{font-size:8px;gap:9px;max-width:285px;margin-top:22px}.hero-visual{width:calc(100% - 4px)}.hero-demo-label{font-size:6px;letter-spacing:.9px;margin-bottom:9px}.hero-demo-label>span:last-child{font-size:6px}.demo-window{border-radius:11px;box-shadow:0 20px 45px #0005,0 0 0 3px #16213255}.demo-window-top{height:31px;padding:0 10px;gap:11px;font-size:6px}.demo-window-dots{gap:4px}.demo-window-dots i{width:4px;height:4px}.demo-window-badge{font-size:6px}.demo-window-content{padding:11px 10px 0}.demo-chat-panel{padding:10px 11px 7px;border-radius:7px}.demo-panel-label{font-size:6px;margin-bottom:8px}.demo-chat-row{gap:8px;padding:8px 0}.demo-chat-initial{width:23px;height:23px;border-radius:6px;font-size:7px}.demo-chat-name strong{font-size:7px}.demo-chat-name span{font-size:5px}.demo-chat-row p{font-size:7px;margin-top:4px}.demo-avatar-stage{height:155px}.demo-sprite{--size:79px}.demo-pet{width:85px;height:102px}.demo-pet-chips{left:calc(50% - 42px)}.demo-pet-panda{left:0}.demo-pet-dino{right:0}.demo-name{font-size:6px;padding:4px 7px}.demo-chat-bubble{font-size:6px;padding:8px 10px;top:13px}.demo-toolbar{gap:6px;margin-top:13px}.demo-toolbar>span{font-size:7px}.demo-action{font-size:8px;padding:6px 9px;min-height:29px}.demo-feedback{font-size:7px;margin-top:7px}.demo-gift-notification{padding:10px;gap:7px}.demo-gift-notification strong{font-size:7px}.demo-gift-notification span:not(.demo-gift-icon){font-size:6px}.demo-gift-icon{font-size:22px}.studio-ticker{padding:15px 0;margin-bottom:36px}.studio-ticker-group{gap:26px;padding-right:26px}.studio-ticker-group>span{font-size:9px;gap:26px;letter-spacing:.8px}.studio-ticker-group i{font-size:14px}.catalog-section-heading h2{font-size:23px;letter-spacing:-.9px}.catalog-section-heading .eyebrow{font-size:7px}.product-body{padding:13px}.product-name{font-size:13px}.product-cover{aspect-ratio:1.2}.footer-inner{gap:20px}.footer-brand{font-size:19px}.footer-links{width:100%;gap:20px;font-size:10px;padding-top:0}.footer-note{width:100%;font-size:10px!important}.legal-content p{font-size:12px}.legal-content h2{font-size:16px}.legal-number{font-size:9px}.legal-content section{padding:23px 0}.legal-aside .btn{font-size:10px}.catalog-section{scroll-margin-top:135px}}
@media(max-width:360px){.brand-name{font-size:14px}.brand-logo{width:25px;height:25px}.main-nav{gap:27px}.user-display-name{max-width:43px!important}.studio-hero h1{font-size:39px;letter-spacing:-2px}.hero-cta-row{gap:8px}.hero-discord-link{width:100%;margin-top:3px}.demo-sprite{--size:69px}.demo-pet{width:76px}.demo-pet-chips{left:calc(50% - 38px)}.demo-avatar-stage{height:140px}.demo-chat-bubble{font-size:5.5px}.demo-chat-row p{font-size:6px}.demo-chat-name strong{font-size:6px}.demo-chat-name span{font-size:4.5px}.demo-toolbar>span{font-size:6px}.demo-action{font-size:7px;padding:6px 8px}.hero-footnote{font-size:7px}.footer-links{gap:16px}}
@media(prefers-reduced-motion:reduce){.studio-ticker-track,.demo-sprite,.demo-confetti,.demo-henshin-playing,.demo-bubble-pop,.demo-gift-notification{animation:none!important;transition:none!important}.demo-window{transform:none!important;transition:none!important}.studio-ticker-track{width:100%}.studio-ticker-group{flex-wrap:wrap;gap:15px 22px;justify-content:center;padding:0;width:100%}.studio-ticker-group[aria-hidden="true"]{display:none}.studio-ticker-group>span{gap:12px}.demo-gift-playing .demo-confetti{display:none}}
.demo-mbg-drive{position:absolute;left:-130px;bottom:-5px;width:125px;height:125px;animation:demo-mbg-drive 5.4s linear forwards;z-index:3}.demo-mbg-sprite{--size:125px;display:block;width:var(--size);height:var(--size);background-image:url('/assets/demo-mbg.png');background-size:calc(8 * var(--size)) calc(5 * var(--size));background-position-y:calc(-1 * var(--size));background-repeat:no-repeat;animation:demo-sprite-walk 1.7s steps(8) infinite;filter:drop-shadow(0 4px 3px #0005)}
@keyframes demo-mbg-drive{from{left:-130px}to{left:calc(100% + 5px)}}
@media(max-width:430px){.demo-action{min-height:40px;min-width:55px;font-size:9px;padding:9px 11px}.demo-toolbar>span{font-size:7px}.demo-mbg-drive{width:106px;height:106px;bottom:-4px}.demo-mbg-sprite{--size:106px}}
@media(max-width:360px){.demo-action{min-height:40px;min-width:49px;font-size:8px;padding:9px}.demo-toolbar>span{max-width:62px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.demo-mbg-drive{left:calc(50% - 62px);animation:none!important}.demo-mbg-sprite{animation:none!important}}
.site-header{background:rgba(12,17,26,.52);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);border-color:rgba(219,230,245,.16);box-shadow:0 12px 38px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header{background:rgba(15,22,33,.97)}}

/* Only the moving strip spans the viewport; the content keeps its own gutter. */
.main-content.home-page{width:100%}
.main-content.home-page>:not(.studio-ticker){width:min(1160px,calc(100% - 64px));margin-inline:auto}
.home-page>.studio-ticker{width:100%;mask-image:none}
.studio-ticker-track{animation-duration:228s}
.hero-community-row{display:flex;align-items:center;margin-top:12px}
.hero-community-row .hero-discord-link{width:auto;min-height:44px;margin:0;padding:6px 0;gap:10px;font-size:13px;font-weight:650;color:#b8c7dc}
.hero-community-row .hero-discord-link:hover{color:var(--mint)}
.hero-community-row .hero-discord-link svg{width:16px;height:16px;transition:transform .18s ease}
.hero-community-row .hero-discord-link:hover svg{transform:translateX(3px)}
.studio-hero-copy .hero-footnote{margin-top:16px}
@media(max-width:1000px){.main-content.home-page>:not(.studio-ticker){width:calc(100% - 44px)}}
@media(max-width:850px){.main-content.home-page>.studio-hero>.hero-visual{width:min(590px,100%)}}
@media(max-width:430px){.main-content.home-page>:not(.studio-ticker){width:calc(100% - 32px)}.hero-community-row{margin-top:10px}.hero-community-row .hero-discord-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.studio-ticker-group>span:nth-child(n+5){display:none}.hero-community-row .hero-discord-link svg{transition:none}}
.user-display-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
@media(max-width:760px){.user-display-name{max-width:75px}}
@media(max-width:430px){.user-display-name{max-width:63px}}