@import"https://fonts.googleapis.com/css2?family=Cherry+Swash&family=Comfortaa&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.absolute{position:absolute}.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.table{display:table}.h-\[340px\]{height:340px}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-\[90\%\]{width:90%}.w-\[240px\]{width:240px}.w-full{width:100%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow-\[0_10px_25px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0 10px 25px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.hover\:shadow-\[0_12px_30px_rgba\(128\,0\,128\,0\.5\)\]:hover{--tw-shadow:0 12px 30px var(--tw-shadow-color,#80008080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}body,html,#root{margin:0;padding:0;height:100%;font-family:sans-serif;background:#f7f3f8;display:flex;justify-content:center;align-items:center}.app{display:flex;flex-direction:column;align-items:center;gap:20px}.card-container{position:relative;display:flex;align-items:center;justify-content:center;width:90vw;max-width:500px}.card{width:100%;max-width:400px;overflow:hidden;border-radius:16px;box-shadow:0 10px 25px #0000001a;touch-action:pan-y}.card-image{width:100%;display:block;border-radius:16px}.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;background:none;border:none;cursor:pointer;color:#6e5b7b;z-index:2}.arrow.left{left:-40px}.arrow.right{right:-40px}button{background-color:#c2a4cc;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;cursor:pointer}button:hover{background-color:#aa8cb5}.welcome-screen{height:100vh;background-image:url(/intro_page.jpg);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 1rem;font-family:Comfortaa,cursive;color:#f8f0fc;letter-spacing:.05em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:0 2px 5px rgba(0,0,0,.3)}@media (max-width: 600px){.welcome-screen{padding:1rem;height:100svh;background-position:center;background-size:cover}.welcome-screen button{font-size:1rem;padding:.75rem 1.5rem}}.snap{color:#ff94f2;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.15em}.story{max-width:480px;margin:1rem auto;padding:1rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;color:#222}.story h2{text-align:center;margin-bottom:1rem;font-weight:700;font-size:1.5rem}.story-text{font-size:1.15rem;line-height:1.5;white-space:pre-line;margin-bottom:2rem}.choices,.ending{display:flex;flex-direction:column;gap:1rem}button{background-color:#5c1391;color:#fff;border:none;border-radius:8px;padding:1rem 1.25rem;font-size:1rem;cursor:pointer;text-align:center;transition:background-color .2s ease}button:hover,button:focus{background-color:#0056b3;outline:none}