:root{--primary:#ffb6c1;--primary-dark:#ff69b4;--bg-color:#0f0913;--text-main:#fff0f5;--text-muted:#fff0f5b3;--glass-bg:#ffb6c126;--glass-border:#ffb6c140;--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);touch-action:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,arundina,sans-serif;overflow:hidden}#root{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.heading-romantic{letter-spacing:-.5px;font-family:Playfair Display,serif;font-weight:700}.splash-container{z-index:50;text-align:center;background:linear-gradient(135deg, var(--bg-color) 0%, #301020 100%);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.splash-icon-container{color:var(--primary);margin-bottom:2rem}.splash-title{color:var(--primary);margin-bottom:1rem;font-size:2.25rem}.splash-subtitle{color:var(--text-muted);letter-spacing:.025em;margin-bottom:3rem;font-size:1.125rem;font-weight:300}.splash-button{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid var(--primary);border-radius:9999px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.25rem;font-weight:600;transition:all .3s;display:flex}.splash-button:hover{background-color:var(--primary);color:var(--bg-color)}.fill-current{fill:currentColor}.splash-install-btn{color:#ffb6c1b3;cursor:pointer;letter-spacing:.02em;background:#ffb6c114;border:1px solid #ffb6c14d;border-radius:9999px;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.6rem 1.4rem;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.splash-install-btn:hover{color:var(--primary);background:#ffb6c12e;border-color:#ffb6c180}.media-container{z-index:10;background-color:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.media-background{filter:blur(30px);z-index:1;background-position:50%;background-size:cover;width:120%;height:120%;position:absolute;inset:-10%}.media-overlay{z-index:2;background-color:#00000080;position:absolute;inset:0}.media-content{z-index:3;width:100%;height:100%;position:relative}.media-foreground{object-fit:contain;background-position:50%;background-repeat:no-repeat;background-size:contain}.ken-burns{animation:7s ease-out forwards ken-burns}@keyframes ken-burns{0%{transform:scale(1)}to{transform:scale(1.07)}}.caption-overlay{z-index:40;color:var(--text-main);text-align:center;padding:1.25rem;font-size:1.125rem;line-height:1.5;position:absolute;bottom:3rem;left:1.5rem;right:1.5rem}.particle-overlay{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:hidden}.particle{opacity:0;-webkit-user-select:none;user-select:none;font-style:normal;animation:linear infinite particle-fall;position:absolute;top:-10%}@keyframes particle-fall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.story-container{background-color:var(--bg-color);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.progress-bar-container{z-index:50;gap:.25rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.progress-segment{background-color:#ffffff4d;border-radius:9999px;flex:1;height:3px;overflow:hidden}.progress-fill{background-color:#fff;width:0%;height:100%;transition:width .1s linear}.progress-fill.completed,.progress-fill.active{width:100%}.chapter-overlay{text-shadow:0 2px 4px #000c;z-index:40;position:absolute;top:3rem;left:1.5rem;right:1.5rem}.chapter-title{color:#fff;margin-bottom:.25rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.chapter-subtitle{color:#fffc;font-size:.875rem}.chapter-menu-btn{z-index:50;color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex;position:absolute;top:2.5rem;right:1rem}.chapter-menu-btn:hover{color:var(--primary);background:#ffb6c140}.pause-indicator{z-index:45;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-indicator span{opacity:.7;filter:drop-shadow(0 2px 10px #000c);font-size:4rem;animation:.8s ease-in-out infinite alternate pulse-fade}@keyframes pulse-fade{0%{opacity:.5;transform:scale(.95)}to{opacity:.85;transform:scale(1.05)}}.chapter-menu-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:flex-end;padding:1rem;animation:.25s fade-in;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.chapter-menu-panel{border-radius:28px;flex-direction:column;gap:1rem;width:100%;max-width:480px;max-height:72vh;padding:1.5rem 1.25rem;animation:.3s cubic-bezier(.34,1.56,.64,1) slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.chapter-menu-header{justify-content:space-between;align-items:center;display:flex}.chapter-menu-title{color:var(--primary);font-size:1.4rem}.chapter-menu-close{color:#ffffffbf;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.chapter-menu-close:hover{color:var(--primary);background:#ff69b44d}.chapter-menu-list{flex-direction:column;gap:.6rem;display:flex;overflow-y:auto}.chapter-menu-item{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:.9rem;padding:.7rem .9rem;transition:background .2s,border-color .2s;display:flex}.chapter-menu-item:hover,.chapter-menu-item.current{background:#ffb6c126;border-color:#ffb6c159}.chapter-menu-thumb{background-position:50%;background-size:cover;border-radius:10px;flex-shrink:0;width:52px;height:52px}.chapter-menu-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.chapter-menu-num{color:#ffb6c199;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.chapter-menu-name{color:#fff;font-family:Playfair Display,serif;font-size:1rem;font-weight:600}.chapter-menu-sub{color:#ffffff80;font-size:.78rem;font-style:italic}.chapter-menu-playing{color:var(--primary);flex-shrink:0;font-size:.75rem}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-8{gap:2rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-3{padding:.75rem}.p-2{padding:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.min-h-screen{min-height:100vh}.min-h-\[50px\]{min-height:50px}.w-full{width:100%}.h-full{height:100%}.w-24{width:6rem}.h-24{height:6rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.max-w-full{max-width:100%}.max-h-\[90vh\]{max-height:90vh}.top-1{top:.25rem}.top-6{top:1.5rem}.left-1{left:.25rem}.right-1{right:.25rem}.right-6{right:1.5rem}.-top-3{top:-.75rem}.-right-3{right:-.75rem}.left-1\/2{left:50%}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.shrink-0{flex-shrink:0}.flex-1{flex:1}.resize-none{resize:none}.grid{display:grid}.top-0{top:0}.sticky{position:sticky}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.inset-0{inset:0}.z-\[100\]{z-index:100}.z-50{z-index:50}.z-40{z-index:40}.z-30{z-index:30}.z-20{z-index:20}.z-10{z-index:10}.rounded-2xl{border-radius:1rem}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded{border-radius:.25rem}.bg-\[\#0F0913\]{background-color:#0f0913}.bg-\[\#FFB6C1\]{background-color:#ffb6c1}.bg-\[\#FF69B4\]{background-color:#ff69b4}.bg-\[\#0F0913\]\/90{background-color:#0f0913e6}.bg-\[rgba\(255\,105\,180\,0\.15\)\]{background-color:#ff69b426}.bg-black{background-color:#000}.bg-black\/90{background-color:#000000e6}.bg-black\/50{background-color:#00000080}.bg-black\/40{background-color:#0006}.bg-white\/5{background-color:#ffffff0d}.bg-white{background-color:#fff}.bg-transparent{background-color:#0000}.text-\[\#FFF0F5\]{color:#fff0f5}.text-\[\#FFB6C1\]{color:#ffb6c1}.text-\[\#0F0913\]{color:#0f0913}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-\[10px\]{font-size:10px;line-height:12px}.font-bold{font-weight:700}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-\[\#FFB6C1\]\/30{border-color:#ffb6c14d}.border-\[\#FF69B4\]{border-color:#ff69b4}.border-white\/10{border-color:#ffffff1a}.border-\[rgba\(255\,182\,193\,0\.2\)\]{border-color:#ffb6c133}.opacity-90{opacity:.9}.opacity-40{opacity:.4}.scale-105{transform:scale(1.05)}.grayscale-\[50\%\]{filter:grayscale(50%)}.-translate-x-1\/2{transform:translate(-50%)}.transform{transform:var(--tw-transform)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s}.transition-all{transition-property:all;transition-duration:.15s}.shadow-\[0_4px_20px_rgba\(255\,105\,180\,0\.3\)\]{box-shadow:0 4px 20px #ff69b44d}.shadow-\[0_0_15px_rgba\(255\,105\,180\,0\.4\)\]{box-shadow:0 0 15px #ff69b466}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.drop-shadow-\[0_0_30px_rgba\(255\,182\,193\,0\.3\)\]{filter:drop-shadow(0 0 30px #ffb6c14d)}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.cursor-pointer{cursor:pointer}.cursor-zoom-out{cursor:zoom-out}.select-none{-webkit-user-select:none;user-select:none}.accent-pink-500{accent-color:#ec4899}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hover\:bg-\[\#FF69B4\]:hover{background-color:#ff69b4}.hover\:text-white:hover{color:#fff}.hover\:text-pink-400:hover{color:#f472b6}.admin-container{background-color:var(--bg-color);position:absolute;inset:0;touch-action:auto!important;overflow-y:auto!important}.ending-screen{background-color:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.ending-mosaic{z-index:1;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);gap:4px;width:110%;height:110%;display:grid;position:absolute;inset:-5%}.mosaic-cell{opacity:0;background-position:50%;background-size:cover;animation:1.5s forwards mosaic-fade-in}@keyframes mosaic-fade-in{to{opacity:1}}.ending-mosaic-blur{-webkit-backdrop-filter:blur(8px);z-index:2;background:#0009;position:absolute;inset:0}.ending-content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:520px;padding:2rem 1.5rem;animation:1s .5s both ending-rise;display:flex;position:relative}@keyframes ending-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ending-heart{margin-bottom:1rem;font-size:3rem;animation:2s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.ending-title{color:var(--primary);text-shadow:0 2px 20px #ffb6c180;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700}.ending-message{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.ending-message p{color:#fff0f5eb;font-size:clamp(.9rem,3vw,1.05rem);line-height:1.75}.ending-card{-webkit-backdrop-filter:blur(20px);background:#ffb6c11a;border:1px solid #ffb6c140;border-radius:28px;max-height:60vh;padding:2rem 1.75rem;overflow-y:auto;box-shadow:0 8px 40px #00000080}.ending-divider{background:linear-gradient(90deg, transparent, var(--primary), transparent);border-radius:2px;width:60px;height:2px;margin:0 auto 1.5rem}.ending-restart-btn{-webkit-backdrop-filter:blur(12px);color:var(--primary);letter-spacing:.05em;cursor:pointer;background:#ffb6c126;border:1px solid #ffb6c166;border-radius:9999px;margin-top:1.75rem;padding:.9rem 2.2rem;font-size:1rem;font-weight:700;transition:background .3s,transform .2s,box-shadow .3s;box-shadow:0 4px 20px #ff69b433}.ending-restart-btn:hover{background:#ffb6c147;transform:scale(1.05);box-shadow:0 6px 28px #ff69b466}.ending-restart-btn:active{transform:scale(.97)}