:root{color-scheme:dark;--app-viewport-height: 100vh;--bg: #060d24;--bg-deep: #030716;--gold: #e9c776;--gold-soft: rgba(233, 199, 118, .72);--ink: #f5eeda;--muted: rgba(220, 227, 244, .78);--panel: rgba(12, 22, 52, .95);--panel-strong: rgba(8, 15, 38, .98)}@supports (height: 100lvh){:root{--app-viewport-height: 100lvh}}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button{font:inherit}.creation-app{position:relative;min-height:var(--app-viewport-height);background:radial-gradient(120% 90% at 50% 8%,#0d1c42 0%,#081231 46%,var(--bg-deep) 100%);color:var(--ink)}.scene,.gesture{position:fixed;top:0;right:0;left:0;height:var(--app-viewport-height)}.scene{z-index:0;overflow:hidden}.scene canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%}.sky{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;will-change:opacity}.sky-blue{background:repeating-radial-gradient(170% 140% at 50% 128%,#fff0 0% 9.4%,#d6f0ff04 10.6%,#fff0 11.8%),radial-gradient(150% 125% at 50% 96%,#b9e7fb,#6fb8ef 20%,#3d7fd6 42%,#2456ae 63%,#16337c 82%,#0b1c50)}.sky-stars i{position:absolute;top:0;left:0;width:1px;height:1px;border-radius:50%}.sky-gold{background:radial-gradient(150% 125% at 50% 96%,#ffedbe,#ffd08a,#eda36c 32%,#9d7f9f 52%,#45509f 74%,#131f5c)}.scene:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--vig, 1);background:radial-gradient(130% 100% at 50% 42%,#0000 55%,#0205108f),linear-gradient(180deg,#03071600 58%,#030716b8)}.text-plane{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.text-plane--front{position:fixed;top:0;right:0;left:0;height:var(--app-viewport-height);z-index:7}.text-item{position:absolute;visibility:hidden;opacity:0;will-change:transform,opacity}.text-item img{display:block}.gesture{z-index:2;cursor:grab;touch-action:pan-y}.gesture.is-dragging{cursor:grabbing}.hint{position:fixed;z-index:6;left:50%;bottom:22px;color:#fff;pointer-events:none;transform:translate(-50%);animation:float 2.2s ease-in-out infinite}.load-error{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg);color:#dce3f4e0;font-size:13px;line-height:1.5;text-align:center}.spacers{position:relative;z-index:0}.spacers section{height:125vh;height:125lvh;min-height:720px;pointer-events:none}.spacers section[data-tail]{min-height:0}[hidden]{display:none!important}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}