:root{color:#162033;background:#d7e7f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--phone-width: 402px;--phone-height: 874px}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button{font:inherit}.stage-shell{width:100vw;height:100dvh;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.72),transparent 32rem),linear-gradient(160deg,#f6fbff,#c7ddf6 48%,#8fbaf1)}.phone-frame{position:relative;flex:0 0 auto}.phone-canvas{position:absolute;left:0;top:0;overflow:hidden;border-radius:42px;background:#8fbaf1;box-shadow:0 28px 70px #1939613d,0 2px 10px #19396129;transform-origin:top left;transform:scale(var(--phone-scale, 1))}.screen-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.screen-image--fixed-frame{width:402px;height:874px;right:auto;bottom:auto}.phone-scroll-area{position:absolute;inset:0;z-index:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.phone-scroll-area::-webkit-scrollbar{display:none}.phone-scroll-content{position:relative;width:100%;min-height:100%}.home-visuals{position:sticky;top:0;width:402px;height:874px;overflow:hidden}.home-layer{position:absolute;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.home-layer--bg{inset:0;width:402px;height:874px}.home-layer--topbar{left:0;top:0;width:402px;height:134px;z-index:5;transition:opacity .14s ease}.storycloud-liquid-topbar{position:absolute;left:0;top:0;width:402px;height:134px;z-index:4;border-radius:38px 38px 0 0;background:linear-gradient(180deg,#ffffff6b,#ffffff38 58%,#ffffff14),radial-gradient(circle at 25% 16%,rgba(255,255,255,.32),transparent 26%),radial-gradient(circle at 78% 18%,rgba(255,255,255,.22),transparent 24%);-webkit-backdrop-filter:blur(20px) saturate(1.35);backdrop-filter:blur(20px) saturate(1.35);box-shadow:inset 0 -1px #ffffff6b,0 12px 34px #5384bc24;pointer-events:none;transition:opacity .14s ease}.storycloud-scrolled-topbar-logo{position:absolute;left:0;top:0;width:402px;height:134px;z-index:5;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .14s ease}.home-scroll-content-layer{position:absolute;left:16px;top:156px;width:370px;height:1075px;z-index:2;will-change:transform}.home-scroll-content-image{display:block;width:370px;height:1075px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.library-visuals{position:sticky;top:0;width:402px;height:874px;overflow:hidden}.library-screen-marker{opacity:0}.library-bg{position:absolute;inset:0;background:radial-gradient(circle at 91% 21%,#f8e888cc 0 18px,#f8e88800 38px),radial-gradient(circle at 98% 25%,#a9cbedb3,#a9cbed00 76px),radial-gradient(circle at 0% 47%,#b8d6f2b3,#b8d6f200 72px),linear-gradient(180deg,#68a4e5,#8fbae8 52%,#b8d7f1);z-index:0}.library-scroll-content-layer{position:absolute;left:16px;top:216px;width:370px;z-index:2;will-change:transform}.library-component-image{display:block;width:370px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.library-topbar{position:absolute;left:0;top:0;width:402px;height:200px;z-index:5;overflow:hidden;pointer-events:none;transition:opacity .14s ease}.library-topbar__glass{position:absolute;left:0;top:0;width:402px;height:223px;background:#ffffff03;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.library-topbar__brand{position:absolute;left:0;top:62px;width:402px;padding:16px;display:flex;align-items:center;justify-content:center;gap:140px}.library-topbar__logo{display:flex;align-items:center;justify-content:center;gap:15px}.library-topbar__logo img{width:27px;height:27px}.library-topbar__logo img.library-topbar__wordmark{width:137px;height:24px;object-fit:contain}.library-topbar__menu{position:relative;width:40px;height:40px;border-radius:54px;border:1.538px solid #fff;background:#fff3;overflow:hidden}.library-topbar__menu img{position:absolute;left:8.46px;top:8.46px;width:20px;height:20px}.library-topbar__tabs{position:absolute;left:21px;top:144px;display:flex;align-items:center;gap:20px}.library-topbar__tabs span{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #fff;border-radius:30px;color:#fff;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:18px;line-height:normal;letter-spacing:1.8px;white-space:nowrap}.library-topbar__tabs span.is-active{background:#ffffff1a}.library-player{position:absolute;left:28px;top:717px;width:350px;height:60px;z-index:6;border:1px solid #fff;border-radius:25px;background:#fff3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:space-between;padding:8px 16px;pointer-events:none}.library-player__content{display:flex;align-items:center;gap:8px}.library-player__cover{width:32px;height:32px;border-radius:8px;object-fit:cover;filter:saturate(.75) contrast(1.05)}.library-player__meta{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}.library-player__title{color:#000;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.23px}.library-player__time{color:#3c3c4399;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:12px;font-weight:600;line-height:13px;letter-spacing:.06px}.library-player__controls{display:flex;align-items:center;gap:6px}.library-player__play,.library-player__skip{position:relative;display:inline-block;width:18px;height:22px}.library-player__play:before,.library-player__skip:before,.library-player__skip:after{content:"";position:absolute;top:3px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #000}.library-player__play:before{left:3px}.library-player__skip:before{left:0}.library-player__skip:after{left:9px}.prototype-glass-nav{position:absolute;left:101px;top:791px;width:200px;height:58px;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:5px;border:1px solid #fff;border-radius:29px;background:#0000001a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:visible;pointer-events:none}.phone-canvas[data-screen=home] .prototype-glass-nav{top:793px}.prototype-glass-nav__item{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:24px;overflow:hidden}.prototype-glass-nav__item.is-active{background:#fff}.prototype-glass-nav__item img{width:24px;height:24px;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hotspot-layer{position:absolute;inset:0;z-index:6;pointer-events:none}.hotspot-layer--scroll{z-index:7}.hotspot-layer--fixed{z-index:8}.hotspot{position:absolute;display:block;padding:0;border:0;border-radius:18px;background:transparent;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;touch-action:pan-y}.hotspot:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:-4px;box-shadow:inset 0 0 0 999px #4e8ee72e}.hotspot:active{background:#ffffff1f}