@font-face{font-family:Instrument;src:url(assets/instrument-sans.woff2) format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Archivo;src:url(assets/archivo.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#101014;--panel:#1b1b22;--line:#303039;--text:#faf9fc;--muted:#aaa7b3;--pink:#ff4384;--header:78px;--nav:210px;--frame:min(720px,calc(100dvh - 190px))}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font:15px/1.5 Instrument,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff9abd;outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.13)}button,input{border-radius:8px}img{max-width:100%;display:block}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;text-wrap:balance}p{text-wrap:pretty}.header{height:var(--header);position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:28px;padding:0 30px;background:var(--bg);border-bottom:1px solid #ffffff0c}.wordmark{display:flex;align-items:center;gap:10px;min-width:calc(var(--nav) - 15px)}.brand-symbol{font:900 42px/.8 Archivo,sans-serif;letter-spacing:-7px;transform:skew(-9deg);padding-right:7px}.brand-symbol span{color:var(--pink)}.brand-words{font:800 15px/1.08 Archivo;letter-spacing:-.04em;max-width:82px}.brand-words>span{display:block}.brand-dot{color:var(--pink)}.top-tabs{display:flex;height:100%;gap:30px}.top-tab{position:relative;color:var(--muted);padding:0 3px;font-weight:650;border-radius:0}.top-tab.active{color:var(--text)}.top-tab.active:after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:3px;background:var(--pink);border-radius:3px}.header-actions{margin-left:auto;display:flex;gap:20px;align-items:center}.prototype-badge{color:var(--muted);border:1px solid var(--line);font-size:11px;padding:3px 8px;border-radius:5px}.auto-toggle{display:flex;align-items:center;gap:10px;font-size:13px;padding:8px 0;min-height:44px}.toggle-track{width:33px;height:19px;background:#56545e;border-radius:20px;padding:3px;display:block;transition:background .15s}.toggle-track span{display:block;width:13px;height:13px;border-radius:50%;background:white;transition:transform .15s}.auto-toggle[aria-checked=true] .toggle-track{background:var(--pink)}.auto-toggle[aria-checked=true] .toggle-track span{transform:translateX(14px)}.icon-button{width:44px;height:44px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.icon-button:hover{background:#ffffff0a}.sidebar{position:fixed;top:var(--header);bottom:0;width:var(--nav);padding:25px 18px 22px 20px;display:flex;flex-direction:column;border-right:1px solid #ffffff08}.nav-item{width:100%;display:flex;gap:13px;align-items:center;text-align:left;font-weight:600;padding:13px 12px;margin-bottom:5px;border-radius:9px;white-space:nowrap}.nav-item svg{width:21px;height:21px}.nav-item.active{background:#ff438411;color:#ff72a2}.nav-item:not(.active):hover{background:#ffffff06}.saved-count{margin-left:auto;font-size:11px;color:var(--muted)}.side-divider{height:1px;background:var(--line);margin:24px 10px}.side-label{font-size:12px;color:var(--muted);padding:0 12px 12px}.partner-item{display:flex;align-items:center;gap:11px;min-height:48px;width:100%;text-align:left;padding:6px 12px;font-size:13px}.partner-item img{width:27px;height:27px;object-fit:cover;border-radius:8px}.partner-item small{margin-left:auto;color:var(--muted);font-size:11px}.side-bottom{margin-top:auto;padding:30px 12px 0}.open-label{font-size:12px}.open-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8dcaad;margin-right:6px}.side-bottom p{color:#85818e;font-size:12px;line-height:1.7;margin-top:10px}.subtle{color:var(--muted);font-size:12px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.side-bottom .subtle{margin-top:20px}.smallprint{display:block;font-size:10px;color:#77737f;margin-top:12px}main{margin-left:var(--nav);padding-top:var(--header)}.feed-layout{display:flex;justify-content:center;align-items:flex-start;gap:18px;padding:17px 30px 20px;max-width:1200px;margin:auto}.stage-column{width:calc(var(--frame) * .60);flex-shrink:0;position:relative}.stage-head{display:flex;align-items:center;justify-content:space-between;min-height:39px;font-size:12px;margin-bottom:8px}.stage-head>span{color:var(--muted)}.pink-dot{display:inline-block;width:6px;height:6px;background:var(--pink);border-radius:50%;margin-right:7px}.text-button{display:flex;align-items:center;gap:5px;padding:5px 0;color:var(--muted);font-size:12px;min-height:36px}.text-button svg{width:14px;height:14px}.stage{height:var(--frame);width:100%;position:relative;overflow:hidden;border-radius:15px;background:#24242b;isolation:isolate;touch-action:pan-x;overscroll-behavior:contain;outline-offset:4px}.stage video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.stage.is-promo video{visibility:hidden}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,transparent 23%,transparent 44%,#0008 73%,#000e 100%);pointer-events:none;z-index:2}.stage-top{position:absolute;top:17px;left:17px;right:15px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.stage-top>*{pointer-events:auto}.media-badge{font-size:10px;letter-spacing:.01em;background:#14121c55;border:1px solid #ffffff30;backdrop-filter:blur(12px);padding:4px 9px;border-radius:5px}.glass-icon{display:flex;align-items:center;justify-content:center;background:#0a071c48;width:36px;height:36px;border-radius:50%;backdrop-filter:blur(12px)}.glass-icon svg{width:18px;height:18px}.tap-target{position:absolute;inset:0;z-index:3;border-radius:0;display:grid;place-items:center}.paused-icon{background:#0006;backdrop-filter:blur(10px);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .15s}.paused-icon svg{width:30px;height:30px;fill:white;stroke-width:0;margin-left:-4px}.stage.is-paused .paused-icon{opacity:1}.stage-tools{position:absolute;right:13px;bottom:211px;z-index:5;display:flex;flex-direction:column;gap:17px}.tool{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;min-width:44px;text-shadow:0 1px 3px #000}.tool>span{width:44px;height:44px;display:grid;place-items:center;background:#201a2340;border:1px solid #ffffff2a;backdrop-filter:blur(8px);border-radius:50%}.tool svg{width:22px;height:22px;stroke-width:1.9}.tool small{font-size:9px;font-weight:500}.tool[aria-pressed=true] svg{fill:var(--pink);stroke:var(--pink)}.caption{position:absolute;left:23px;right:23px;bottom:24px;z-index:5}.creator{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:11px}.creator img{width:23px;height:23px;border-radius:7px;background:#fff}.creator strong{font-weight:700}.creator>span{font-size:9px;color:#d7d4de;border-left:1px solid #ffffff50;padding-left:8px}.caption h1{font-size:26px;letter-spacing:-.03em;font-weight:700;max-width:90%;text-wrap:pretty}.clip-tags{display:flex;gap:8px;margin:8px 0 17px;font-size:11px;color:#dbd7e2}.main-cta{background:var(--pink);color:white;width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 17px;font-weight:650;font-size:13px;border-radius:8px;min-height:47px}.main-cta svg{width:20px;height:20px}.caption-bottom{display:flex;justify-content:space-between;font-size:9px;margin-top:9px;color:#bfbac7;gap:10px}.progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff2e;z-index:7}.progress span{display:block;height:100%;width:0;background:#fff;transition:width .12s linear}.under-stage{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#827d8a;height:37px}.under-stage>span:nth-child(2){display:flex;align-items:center;gap:5px}.under-stage svg{width:13px;height:13px}.under-stage button{min-width:35px;min-height:32px}.arrows{padding-top:calc(var(--frame)/2 + 9px);display:flex;flex-direction:column;gap:10px}.circle-button{width:41px;height:41px;border:1px solid var(--line);background:#19191e;border-radius:50%;display:grid;place-items:center}.circle-button:disabled{opacity:.3}.circle-button svg{width:20px;height:20px}.arrows>span{font-size:10px;text-align:center;color:#64616e;margin-top:6px}.discovery{width:260px;flex-shrink:0;margin:53px 0 0 15px}.discovery-title h2{font-size:19px;font-weight:650;letter-spacing:-.03em}.discovery-title p{font-size:12px;color:var(--muted);margin:7px 0 21px}.feature-tile{width:100%;text-align:left;border-radius:13px;overflow:hidden;background:#211b31;border:1px solid #4a3250;padding:0}.duel-mini{height:110px;display:flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at 18% 50%,#6055aa55,transparent 60%),radial-gradient(ellipse at 90% 30%,#9a3b7155,transparent 65%)}.duel-mini>span{font:800 49px Archivo;border:1px solid #b0a5e150;width:68px;height:85px;display:grid;place-items:center;border-radius:10px;background:#51487155;transform:rotate(-9deg);color:#bdb3ed}.duel-mini>span:last-child{transform:rotate(9deg);background:#834d6755;color:#f2a2c1;border-color:#d786a450}.duel-mini i{font:800 15px Archivo;z-index:1;background:#222029;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.tile-copy{padding:19px 20px 16px}.feature-label{font-size:10px;color:#d4a5d1}.tile-copy h3{font-size:24px;margin:7px 0 15px;max-width:190px;text-wrap:pretty}.tile-link{font-size:12px;display:flex;align-items:center;justify-content:space-between}.tile-link svg{width:17px;height:17px}.feature-tile>small{display:block;border-top:1px solid #ffffff0c;font-size:9px;padding:9px 20px;color:#a692b0}.next-header{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.next-header h3{font-size:13px;font-weight:600;letter-spacing:0}.next-header span{color:#87828f;font-size:10px}.next-previews{display:flex;gap:9px}.preview-thumb{position:relative;flex:1;min-width:0;padding:0;overflow:hidden;border-radius:9px;aspect-ratio:3/4;background:#292832}.preview-thumb img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s}.preview-thumb:hover img{opacity:1}.preview-thumb span{position:absolute;bottom:7px;left:7px;background:#0006;font-size:9px;padding:2px 4px;border-radius:3px}.personalize{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid var(--line);border-radius:10px;padding:15px 12px;width:100%;margin-top:20px}.personalize>svg:first-child{color:#c5a7da;width:20px}.personalize span{flex:1}.personalize strong{font-size:12px;font-weight:600;display:block}.personalize small{display:block;font-size:10px;color:#8d8798}.personalize>svg:last-child{width:17px;color:#8d8798}.keyboard-hint{font-size:10px;color:#77717f;line-height:1.7;margin-top:17px;max-width:230px}.preference-nudge{position:absolute;left:0;right:0;bottom:35px;background:#24202ef2;border:1px solid #ffffff40;backdrop-filter:blur(18px);z-index:12;padding:16px;display:flex;align-items:center;gap:10px;border-radius:12px;box-shadow:0 12px 45px #0006}.preference-nudge strong{font-size:13px}.preference-nudge p{font-size:11px;color:#c1b9ce;line-height:1.35;margin-top:4px}.preference-nudge>button:not(.icon-button){background:#f9f2ff;color:#27202f;padding:10px 12px;font-size:12px}.preference-nudge .icon-button{width:26px;height:36px;flex-shrink:0}.preference-nudge .icon-button svg{width:14px}.video-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#211d2ff2;z-index:15}.video-error button{padding:10px 20px;background:var(--panel)}
/* Promotional frames use independent artwork, never another provider's video. */
.promo-creative{position:absolute;inset:0;background:#2b1742;overflow:hidden}.promo-creative .promo-headline{position:absolute;top:14%;left:28px;right:24px;font:800 clamp(30px,3vw,44px)/1.07 Archivo;letter-spacing:-.045em;z-index:2;max-width:340px}.promo-creative .promo-subtitle{position:absolute;top:31%;left:29px;right:40px;font-size:13px;max-width:250px;color:#e2d9ef}.promo-art{position:absolute;left:25px;right:25px;top:41%;height:165px;display:flex;align-items:center;justify-content:center;gap:16px}.promo-art .duel-card{height:150px;flex:1;background:#7063bc;border-radius:16px;display:grid;place-items:center;transform:rotate(-7deg);font:900 70px Archivo;color:#d4cfff;box-shadow:0 10px 30px #0003}.promo-art .duel-card:last-child{background:#bf598c;color:#ffdaed;transform:rotate(7deg)}.promo-art .versus{position:absolute;z-index:2;background:#191321;border:5px solid #291a3c;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;font:800 19px Archivo}.promo-art .episode{height:165px;flex:1;background:linear-gradient(145deg,#dd8a6d,#693c67);border:1px solid #ffffff30;display:flex;align-items:flex-end;padding:15px;border-radius:12px;transform:rotate(-7deg);font:800 42px Archivo}.promo-art .episode:last-child{background:linear-gradient(145deg,#c77eb5,#444086);transform:rotate(7deg)}.promo-art .episode:nth-child(2){transform:translateY(-20px);z-index:2}.promo-art .orb{width:150px;height:150px;border-radius:35%;background:linear-gradient(145deg,#e8d4ff,#8078c2 45%,#d081b4);box-shadow:inset 15px -15px 25px #352c76,0 0 60px #bf9dd82e;transform:rotate(18deg)}.promo-art .orbit-label{position:absolute;padding:9px 15px;background:#292336d9;border:1px solid #b8a0d65e;border-radius:20px;font-size:12px;left:8px;top:0}.promo-art .orbit-label:last-child{top:auto;left:auto;bottom:0;right:0}.promo-creative.lovescape{background:radial-gradient(ellipse at top left,#6d2948,transparent 70%),#25182e}.promo-creative.ourdream{background:radial-gradient(ellipse at top right,#4f416c,transparent 70%),#1b2036}.stage.is-promo .shade{background:linear-gradient(0deg,#0e0818 0%,transparent 58%)}.stage.is-promo .stage-tools{bottom:210px}.stage.is-promo .caption h1{font-size:21px}.stage.is-promo .promo-creative:after{content:'Illustration de la fonctionnalité';position:absolute;top:68%;left:28px;color:#b8a2c5;font-size:9px}
/* Discovery and favorites */
#libraryView{max-width:1250px;margin:auto;padding:45px 45px 80px}.library-header{display:flex;justify-content:space-between;gap:25px;align-items:end}.library-header h1{display:inline;font-size:36px}.library-header p{color:var(--muted);font-size:14px;margin-top:12px}.search{display:flex;align-items:center;gap:10px;padding:10px 15px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.search svg{width:19px;color:#9892a4}.search input{background:none;border:0;color:var(--text);max-width:230px;min-width:0;width:100%;font-size:13px;padding:4px}.filter-chips{display:flex;gap:8px;margin:28px 0 24px;flex-wrap:wrap}.filter-chip{padding:8px 15px;border:1px solid var(--line);font-size:12px;border-radius:25px}.filter-chip.active{background:var(--text);color:#17131b;border-color:var(--text)}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.library-card{display:block;padding:0;text-align:left;border-radius:12px;overflow:hidden;background:var(--panel)}.library-image{position:relative;aspect-ratio:3/4;overflow:hidden}.library-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.library-card:hover img{transform:scale(1.025)}.library-image>span{position:absolute;bottom:12px;right:12px;background:#0008;padding:4px 7px;font-size:10px;border-radius:5px}.library-meta{padding:14px}.library-meta h2{font-size:15px;letter-spacing:-.015em;text-wrap:pretty}.library-meta p{font-size:11px;color:#a59eaf;margin-top:6px}.empty-state{text-align:center;padding:80px 15px}.empty-state>svg{width:40px;height:40px;color:#a88bb8;margin-bottom:24px}.empty-state h2{font-size:25px}.empty-state p{color:var(--muted);margin:12px auto 25px;max-width:400px}.mobile-nav{display:none}
/* Dialogs */
dialog{padding:28px;width:min(480px,calc(100% - 30px));max-height:calc(100dvh - 40px);overflow:auto;background:#1d1b24;color:var(--text);border:1px solid #45404f;border-radius:20px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#07050dc7;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin:-6px -9px 20px 0}.dialog-kicker{font-size:12px;color:#d595b9}.dialog-top .icon-button{width:35px;height:35px}dialog h2{font-size:32px;font-weight:700;max-width:410px;text-wrap:pretty}.dialog-intro{font-size:13px;color:#b9b1c6;line-height:1.6;margin:12px 0 25px}fieldset{border:0;padding:0;margin:0 0 22px}legend{font-size:12px;font-weight:650;margin-bottom:11px}.choice-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.choice-grid.two{grid-template-columns:1fr 1fr}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice>span{display:block;border:1px solid #48404f;border-radius:9px;padding:12px 10px;font-size:12px;font-weight:600;min-height:73px}.choice small{display:block;font-size:9px;font-weight:400;line-height:1.4;margin-top:5px;color:#aaa0b7}.choice input:checked+span{border-color:var(--pink);background:#ff438411}.choice input:focus-visible+span{outline:2px solid #ff9abd;outline-offset:2px}.choice.unavailable{opacity:.43;cursor:default}.mood-choices{display:flex;gap:7px;flex-wrap:wrap}.mood-choice input{position:absolute;opacity:0}.mood-choice span{display:block;border:1px solid #48404f;border-radius:20px;padding:8px 13px;font-size:12px;cursor:pointer}.mood-choice input:checked+span{background:#faf4ff;color:#251d30;border-color:#faf4ff}.mood-choice input:focus-visible+span{outline:2px solid var(--pink);outline-offset:3px}.privacy-note{font-size:11px;color:#9d92ac;line-height:1.6;margin-bottom:20px}.primary{background:var(--pink);color:white;padding:13px 21px;border-radius:9px;font-weight:650;font-size:13px;min-height:46px}.wide{width:100%}.offer-icon{width:47px;height:47px;object-fit:cover;border-radius:13px;margin-bottom:23px}.preview-explanation{padding:17px;background:#ffffff06;border:1px solid var(--line);border-radius:10px;margin-bottom:24px}.preview-explanation strong{font-size:13px}.preview-explanation p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}.stats-dialog{width:min(720px,calc(100% - 30px))}.stats-summary{display:flex;gap:30px;margin:20px 0 30px}.stats-summary strong{display:block;font-size:26px}.stats-summary span{font-size:11px;color:var(--muted)}table{width:100%;text-align:left;border-collapse:collapse;font-size:12px;margin-bottom:26px}th,td{padding:11px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500;font-size:10px}.table-scroll{overflow:auto}.stats-dialog>.subtle{margin-left:18px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 20px;max-width:90vw;border:1px solid #ffffff3d;border-radius:9px;background:#332c3f;box-shadow:0 5px 30px #0008;color:white;font-size:13px;z-index:100;text-align:center}#toast:empty{display:none}.no-js{position:fixed;top:100px;left:25%;background:#322b3d;padding:30px}
@media(min-width:1650px){:root{--frame:min(850px,calc(100dvh - 200px));--nav:245px}.discovery{width:290px;margin-left:30px}.feed-layout{gap:25px}.stage-column{width:calc(var(--frame)*.59)}}
@media(max-width:1180px){:root{--nav:185px;--frame:min(710px,calc(100dvh - 180px))}.header{padding:0 22px;gap:20px}.sidebar{padding-left:10px;padding-right:10px}.nav-item{font-size:13px;gap:10px}.discovery{width:220px;margin-left:2px}.feed-layout{padding:15px 20px;gap:12px}.caption{left:19px;right:19px}.caption h1{font-size:23px}.header-actions{gap:10px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#libraryView{padding:35px 25px}.feature-tile .tile-copy{padding:15px}.tile-copy h3{font-size:22px}}
@media(max-width:980px){:root{--nav:80px}.brand-words,.sidebar .side-label,.sidebar #partnerNav,.side-divider,.side-bottom,.saved-count{display:none}.wordmark{min-width:50px}.sidebar .nav-item{font-size:0;gap:0;justify-content:center;padding:16px 10px}.sidebar .nav-item svg{width:24px;height:24px}.top-tabs{gap:20px}.discovery{width:230px}.library-header{align-items:start;flex-direction:column}.search{width:100%}.search input{max-width:none}}
@media(max-width:760px){:root{--header:58px;--nav:0px}.header{padding:0 15px;gap:12px;background:#101014fa;border-bottom:1px solid #ffffff12}.brand-symbol{font-size:34px;letter-spacing:-6px}.wordmark{min-width:32px;gap:0}.top-tabs{gap:17px;font-size:13px}.header-actions{gap:7px}.prototype-badge,.header-actions>.icon-button{display:none}.auto-toggle{font-size:10px;gap:6px}.toggle-track{width:29px;height:17px}.toggle-track span{width:11px;height:11px}.auto-toggle[aria-checked=true] .toggle-track span{transform:translateX(12px)}.sidebar,.discovery,.arrows,.stage-head,.under-stage{display:none}main{margin-left:0}.feed-layout{display:block;padding:0;max-width:none}.stage-column{width:100%}.stage{width:100%;height:calc(100dvh - var(--header) - 63px - env(safe-area-inset-bottom));border-radius:0;background:#17141f;max-height:none}.stage video{object-position:center 37%;object-fit:cover}.stage-top{top:15px;left:17px;right:15px}.caption{left:20px;right:20px;bottom:20px}.caption h1{font-size:26px;max-width:82%}.creator{margin-bottom:10px;font-size:12px}.clip-tags{margin:8px 0 16px}.main-cta{padding:13px 16px;font-size:13px}.caption-bottom{font-size:9px}.stage-tools{bottom:220px;right:14px;gap:16px}.tool small{font-size:9px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;height:calc(63px + env(safe-area-inset-bottom));padding:7px 12px calc(6px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #ffffff0a}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#918b9d;min-width:60px}.mobile-nav button svg{width:21px;height:21px}.mobile-nav button.active{color:#ff6c9d}.preference-nudge{bottom:12px;left:12px;right:12px;padding:14px;z-index:15}.preference-nudge p{max-width:24ch}.promo-creative .promo-headline{font-size:40px;top:15%;left:28px;right:35px}.promo-creative .promo-subtitle{top:32%;left:28px}.promo-art{top:41%;height:140px;left:38px;right:38px}.promo-art .duel-card{height:140px}.promo-art .episode{height:145px}.promo-creative:after{font-size:8px!important}.stage.is-promo .caption h1{font-size:22px}#libraryView{padding:26px 18px 90px}.library-header{gap:22px}.library-header h1{font-size:29px}.library-header p{font-size:12px;max-width:36ch}.filter-chips{margin:22px 0 18px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.library-meta{padding:12px}.library-meta h2{font-size:13px}.library-meta p{font-size:10px}.library-image>span{bottom:8px;right:8px;font-size:9px}.empty-state{padding:55px 0}.empty-state h2{font-size:24px}.empty-state p{font-size:13px}dialog{padding:24px;border-radius:20px;width:calc(100% - 24px);max-height:calc(100dvh - 28px)}dialog h2{font-size:29px}.choice>span{font-size:11px;padding:11px 9px}.choice small{font-size:9px}.dialog-intro{margin-bottom:22px}.stats-summary{gap:20px}.stats-summary strong{font-size:24px}.stats-dialog>.subtle{display:block;margin-left:0;margin-top:10px}#toast{bottom:80px;width:max-content;max-width:88vw;font-size:12px}.paused-icon{width:63px;height:63px}}
@media(max-width:360px){.header{padding:0 11px;gap:9px}.top-tabs{gap:12px;font-size:12px}.auto-toggle{font-size:9px}.caption{left:15px;right:15px}.caption h1{font-size:23px}.caption-bottom{font-size:8px}.stage-tools{right:10px}.promo-creative .promo-headline{font-size:34px}.promo-art{left:28px;right:28px}.choice-grid{gap:5px}.choice>span{padding:10px 7px}.choice small{font-size:8px}}
@media(max-height:740px) and (min-width:761px){:root{--frame:calc(100dvh - 150px)}.feed-layout{padding-top:6px}.stage-head{margin-bottom:3px;min-height:30px}.discovery{margin-top:36px}.keyboard-hint,.personalize{display:none}.caption h1{font-size:21px}.stage-tools{bottom:205px;gap:10px}.promo-creative .promo-headline{font-size:30px}.promo-art{height:105px}.promo-art .duel-card,.promo-art .episode{height:110px}.promo-art .orb{width:100px;height:100px}.promo-creative .promo-subtitle{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

@media(min-width:761px) and (max-width:900px){.discovery{display:none}.feed-layout{gap:20px}}
.promo-art .episode{font-size:22px;justify-content:center;padding:12px 8px}

.main-cta,.primary{background:#d51d60}.main-cta:hover,.primary:hover{filter:brightness(.95)!important}

.library-pagination{text-align:center;padding:26px 0}.library-pagination p{color:var(--muted);font-size:12px;margin-bottom:14px}