*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--rose-bg: #f4d7de;--cream-bg: #eadfd3;--dusty-pink: #d7c0bf;--dark-text: #1f1117;--mid-text: #4a3037;--card-bg: rgba(255, 248, 243, .93);--border-light: #d8b3ad;--noir-bg: #18151d;--purple-mid: #443447;--mauve-light: #b18b8d;--light-text: #fff5f3;--pink-accent: #f2d6df;--dark-card: rgba(24, 20, 31, .95);--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}html{--vh: 1svh}html,body{width:100%;height:100vh;height:100svh;overflow:hidden;background:#1a1017;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2a1528,#100a12)}@keyframes shimmer{0%{transform:translate(-150%) rotate(25deg)}to{transform:translate(250%) rotate(25deg)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hue-drift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(8deg)}to{filter:hue-rotate(0deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(1)}60%{transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}30%{transform:translate(1%)}50%{transform:translate(-1%,1%)}70%{transform:translateY(-1%)}90%{transform:translate(1%,1%)}}.shimmer-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);animation:shimmer 4s ease-in-out infinite;pointer-events:none;border-radius:inherit}._outer_1extv_5{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}._viewport_1extv_18{position:relative;width:100%;max-width:480px;aspect-ratio:9 / 16;overflow:hidden;border-radius:24px;box-shadow:0 32px 80px #000000b3,0 8px 24px #00000080,inset 0 0 0 1px #ffffff0f;outline:none;cursor:default;background:#100a12}@media (max-width: 500px){._outer_1extv_5{padding:0;align-items:stretch;justify-content:stretch}._viewport_1extv_18{max-width:100%;width:100%;height:100vh;height:100svh;aspect-ratio:unset;border-radius:0;box-shadow:none}}._storyWrap_1extv_57{position:absolute;top:0;right:0;bottom:0;left:0}._storyBackdrop_1extv_65{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}._designCanvas_1extv_72{position:absolute;z-index:1;overflow:hidden}._popupCanvas_1extv_79{position:absolute;z-index:200;overflow:hidden}._navDots_1extv_86{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;z-index:150;pointer-events:none}._navDot_1extv_86{width:3px;height:14px;border-radius:2px;background:#ffffff47;transition:height .3s ease,background .3s ease}._navDotPast_1extv_107{background:#ffffff8c}._navDotActive_1extv_111{height:26px;background:#fffffff2}._desktopArrows_1extv_118{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:8px;z-index:160}._desktopArrow_1extv_118{width:40px;height:40px;border-radius:50%;background:#ffffff21;border:1.5px solid rgba(255,255,255,.22);color:#ffffffd9;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .15s;opacity:0}._viewport_1extv_18:hover ._desktopArrow_1extv_118{opacity:1}._desktopArrow_1extv_118:hover{background:#ffffff47;transform:scale(1.08)}@media (hover: none){._desktopArrows_1extv_118{display:none}}