:root{--bg-1: #ffe7f3;--bg-2: #f2dbff;--bg-3: #ffffff;--pink: #ff59b0;--pink-strong: #ff268f;--purple: #9a62ff;--ink: #5c2f7a;--glass: rgba(255, 255, 255, .68)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:"Baloo 2",sans-serif;color:var(--ink);background:linear-gradient(140deg,var(--bg-1) 0%,var(--bg-2) 45%,var(--bg-3) 100%)}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.loading-shell,.auth-shell{text-align:center}.auth-card{position:relative;z-index:5;width:min(430px,92vw);padding:28px 22px;border-radius:24px;background:linear-gradient(145deg,#fff4fbe6,#f6e7ffd6,#ffffffc7);border:1px solid rgba(255,255,255,.72);box-shadow:0 20px 50px #7c3eb23d,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-title{margin:0 0 8px}.auth-heart{margin:0 auto 10px;width:40px;height:40px;display:grid;place-items:center;background:transparent;box-shadow:none}.auth-heart-icon{width:30px;height:30px;display:block;background:transparent;filter:drop-shadow(0 5px 10px rgba(240,68,143,.25));animation:authHeartBeat 2s ease-in-out infinite}@keyframes authHeartBeat{0%,to{transform:scale(1)}30%{transform:scale(1.1)}55%{transform:scale(.98)}}.auth-copy{margin:0 0 18px}.auth-form{display:flex;flex-direction:column;text-align:left;gap:8px}.auth-label{font-size:.95rem;font-weight:700;color:#7b409f}.auth-input{width:100%;border-radius:12px;border:1px solid rgba(152,93,201,.28);padding:11px 12px;font-size:1rem;color:var(--ink);background:#ffffffdb;outline:none}.auth-input:focus{border-color:#985dc9a3;box-shadow:0 0 0 3px #985dc929}.auth-error{margin:4px 0 0;color:#cc1f6d;font-size:.92rem}.auth-submit{margin-top:8px;border:0;border-radius:12px;padding:11px 14px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff5ea9,#c450ff);cursor:pointer}.auth-submit:hover{filter:brightness(1.04)}.auth-submit:disabled{opacity:.72;cursor:not-allowed}.floating-orbs{position:absolute;inset:-20%;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.85) 0%,transparent 24%),radial-gradient(circle at 70% 18%,rgba(255,119,198,.35) 0%,transparent 26%),radial-gradient(circle at 64% 76%,rgba(146,85,255,.25) 0%,transparent 30%);animation:floatBg 14s ease-in-out infinite alternate;pointer-events:none}.sparkle-layer{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 70% 22%,rgba(255,225,248,.9) 0 1.2px,transparent 2.2px),radial-gradient(circle at 40% 72%,rgba(238,214,255,.9) 0 1px,transparent 2px);background-size:220px 220px,260px 260px,300px 300px;animation:sparkleFloat 18s linear infinite}.meteor-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.meteor{position:absolute;left:-26vw;width:clamp(90px,10vw,160px);height:2px;border-radius:999px;background:linear-gradient(90deg,#fff0,#fffffffa,#ffd2f58c);filter:drop-shadow(0 0 8px rgba(255,255,255,.9));opacity:0;transform:translate(0) translateY(0) rotate(-9deg);animation-name:meteorSweep;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes meteorSweep{0%{opacity:0;transform:translate(0) translateY(0) rotate(-9deg)}62%{opacity:0;transform:translate(0) translateY(0) rotate(-9deg)}66%{opacity:.8}84%{opacity:.85;transform:translate(140vw) translateY(18vh) rotate(-9deg)}90%{opacity:0;transform:translate(150vw) translateY(20vh) rotate(-9deg)}to{opacity:0;transform:translate(150vw) translateY(20vh) rotate(-9deg)}}@keyframes sparkleFloat{0%{transform:translateY(0)}to{transform:translateY(-80px)}}.opening-fade{position:fixed;inset:0;z-index:40;pointer-events:none;background:radial-gradient(circle at 50% 42%,#ffffff59,#fadef8b8 58%,#e8c8fcf2)}.page-wipe{position:fixed;inset:0;z-index:35;pointer-events:none;will-change:transform,opacity;background:linear-gradient(105deg,#fff0,#ffedfa8c 28%,#eccefccc 52%,#fff0 86%)}.page-wipe.to-right{transform-origin:left center}.page-wipe.to-left{transform-origin:right center;background:linear-gradient(-105deg,#fff0,#ffedfa8c 28%,#eccefccc 52%,#fff0 86%)}.heart-burst-layer{position:fixed;inset:0;z-index:36;pointer-events:none;overflow:hidden}.burst-heart{position:absolute;bottom:-44px;font-size:var(--heart-size);line-height:1;opacity:0;transform:translate(-50%) translateY(20px) rotate(var(--heart-rotate-start));filter:drop-shadow(0 3px 8px rgba(255,255,255,.55));animation:heartRise var(--float-duration) ease-out var(--float-delay) forwards}@keyframes heartRise{0%{opacity:0;transform:translate(-50%) translateY(26px) scale(.58) rotate(var(--heart-rotate-start))}14%{opacity:var(--heart-opacity);transform:translate(-50%) translateY(0) scale(1) rotate(calc(var(--heart-rotate-start) * .7))}to{opacity:0;transform:translate(calc(-50% + var(--drift))) translateY(-112vh) scale(1.18) rotate(var(--heart-rotate-end))}}@keyframes floatBg{0%{transform:translateY(0) scale(1)}to{transform:translateY(-24px) scale(1.04)}}.disc-btn{position:fixed;top:18px;right:18px;z-index:30;width:62px;height:62px;border:0;border-radius:18px;padding:0;background:linear-gradient(140deg,#ffffffed,#f7e7ffe6);box-shadow:0 12px 24px #7e42b147,inset 0 1px #ffffffe6;cursor:pointer;display:grid;place-items:center}.menu-btn{position:fixed;top:18px;left:18px;z-index:30;width:56px;height:56px;border:0;border-radius:16px;background:linear-gradient(140deg,#ffffffed,#f7e7ffe6);box-shadow:0 12px 24px #7e42b140,inset 0 1px #ffffffe6;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center}.menu-btn span{width:22px;height:2px;border-radius:999px;background:#7d45b0}.menu-panel{position:fixed;top:82px;left:18px;z-index:34;width:min(220px,64vw);max-height:min(70vh,560px);overflow:auto;padding:10px;border-radius:16px;background:linear-gradient(145deg,#ffeaf5c7,#f1dfffc2 48%,#ffffff9e);border:1px solid rgba(255,255,255,.5);box-shadow:0 22px 46px #7c3eb238,0 8px 20px #ffffff59 inset;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);animation:menuFloat 3.2s ease-in-out infinite alternate}@keyframes menuFloat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.menu-item{width:100%;margin:0;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#6f3d98;text-align:left;font-weight:700;cursor:pointer}.menu-item:hover{background:#f5e3ffa6}.menu-item.active{background:linear-gradient(120deg,#ff71c53d,#9762ff3d);color:#5e2f86}.player-logo{width:48px;height:48px;position:relative;display:grid;place-items:center}.disc{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff7ff 0 10%,#fca8d8 11% 16%,#6f2f79 17% 18%,transparent 19%),repeating-radial-gradient(circle at 50% 50%,#1f1627 0 7%,#32213f 8% 11%,#4f3163 12% 16%);box-shadow:0 3px 8px #28113459}.disc.spinning{animation:spin 2.3s linear infinite}.tonearm{position:absolute;width:24px;height:6px;top:10px;right:0;border-radius:999px;transform-origin:100% 50%;background:linear-gradient(90deg,#f7d7ff,#cf9df7 70%,#9c5fd0);box-shadow:0 1px 3px #3f1a5b59;transition:transform .28s ease}.tonearm.open{transform:rotate(40deg) translate(-1px,1px)}.tonearm.closed{transform:rotate(18deg)}.tonearm:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;right:-3px;top:-1px;background:#7d3fb3}.tonearm:after{content:"";position:absolute;width:8px;height:4px;left:-2px;top:1px;border-radius:3px;background:#f8e6ff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass{width:min(1120px,94vw);border-radius:28px;padding:clamp(18px,4vw,38px);background:var(--glass);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 26px 60px #9a37a633;z-index:2}.title-brush{position:relative;width:min(1320px,99vw);padding:clamp(18px,4vw,38px);background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:2;text-align:center}.title-brush:before,.title-brush:after{content:"";position:absolute;left:1.5%;right:1.5%;pointer-events:none}.title-brush:before{inset:6% -6% 7%;background:#fffffff2;transform:none;box-shadow:0 10px 24px #814baa1a;-webkit-mask:url(/brush.png) center / 100% 100% no-repeat;mask:url(/brush.png) center / 100% 100% no-repeat}.title-brush:after{display:none}.title-brush>*{position:relative;z-index:1}.free-stage{width:min(1240px,97vw);padding:clamp(8px,2vw,16px);background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:2;display:flex;flex-direction:column}.plain-text-view{width:min(980px,90vw);padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:2}.intro-view,.ending-view{padding:clamp(8px,2.2vw,20px)}.tag{margin:0;font-weight:700;color:#8f60bb}.hero{margin:8px 0 10px;font-family:Flamingo,Ma Shan Zheng,cursive;font-size:clamp(2.1rem,7vw,4.6rem);line-height:1.1;color:#7f37be}.stage-hero{font-family:Great Vibes,Flamingo,cursive;font-size:clamp(2.6rem,8vw,5.2rem);font-weight:400;letter-spacing:.02em}.copy{margin:0;white-space:pre-line;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.8}.plain-copy{text-align:center;font-size:clamp(1.2rem,2.8vw,1.9rem);line-height:1.9;text-shadow:0 6px 22px rgba(255,255,255,.7)}.scene-layer{width:100%;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}.poem-lines{display:flex;flex-direction:column;gap:10px;align-items:center}.line-copy{margin:0;width:fit-content;text-align:center}.intro-line{font-family:"Noto Serif SC",serif;font-size:clamp(1.18rem,2.35vw,1.62rem);font-weight:300;line-height:2;letter-spacing:.03em;color:#6f3d8f;text-shadow:0 4px 14px rgba(255,255,255,.72);white-space:nowrap}.ending-line{font-family:"Noto Serif SC",serif;font-size:clamp(1.22rem,2.45vw,1.72rem);font-weight:300;line-height:2.02;letter-spacing:.035em;color:#643783;text-shadow:0 4px 14px rgba(255,255,255,.72);white-space:nowrap}.heart-view{width:min(1120px,95vw);padding:12px 8px 8px;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center}.heart-tag{margin:2px 0 16px;font-family:Great Vibes,Flamingo,cursive;font-size:clamp(2.1rem,5.4vw,3.8rem);font-weight:400;letter-spacing:.01em;color:#7d3db8;text-shadow:0 6px 18px rgba(255,255,255,.88),0 4px 14px rgba(161,95,214,.28)}.heart-canvas{position:relative;width:min(760px,82vw);aspect-ratio:1 / 1;margin:0 auto}.heart-photo{position:absolute;width:calc(var(--card-size, 44px) * var(--card-scale, 1));aspect-ratio:1 / 1;padding:4px 4px 10px;background:#fff;border-radius:3px;box-shadow:0 8px 18px #622a8733,0 1px #ffffffe6 inset;transform:translate(-50%,-50%) rotate(var(--tilt));overflow:hidden}.heart-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:2px}.gallery-header{margin:0 0 16px;text-shadow:0 2px 10px rgba(255,255,255,.9);text-align:left}.section-title{margin:0;font-size:clamp(1.5rem,3vw,2.5rem)}.book-stage{min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.open-book{position:relative;width:min(1100px,94vw);min-height:min(68vh,680px);display:grid;grid-template-columns:1fr 1fr;gap:0;perspective:1200px;transform-style:preserve-3d;filter:drop-shadow(0 30px 44px rgba(98,72,52,.22))}.open-book:before{content:"";position:absolute;inset:-20px -14px -10px;border-radius:30px;background:linear-gradient(150deg,#d69dc8,#be85cc 46%,#a975bd);box-shadow:inset 0 1px #ffecf999,inset 0 -2px #6c46835c;z-index:-2}.open-book:after{content:"";position:absolute;left:-16px;right:-16px;bottom:-10px;height:18px;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#a672c0,#9461b0);box-shadow:0 6px 14px #613d7b33,inset 0 1px #e8bbff42;z-index:-3}.book-spine{position:absolute;top:-10px;bottom:-20px;left:50%;width:clamp(20px,3.4vw,34px);transform:translate(-50%);border-radius:16px;background:linear-gradient(90deg,#74498eeb,#ab79c7f2,#74498eeb),repeating-linear-gradient(180deg,transparent,transparent 10px,rgba(250,224,255,.18) 10px,rgba(250,224,255,.18) 12px);box-shadow:inset 0 0 12px #4d286657,0 0 18px #78549242;z-index:4;pointer-events:none}.book-page{position:relative;border:0;padding:clamp(18px,2.4vw,30px);margin:0;min-height:min(68vh,680px);background:radial-gradient(circle at 12% 14%,#ffffffe0,#fff5e700 30%),linear-gradient(145deg,#fff8ef,#fbf0e4 46%,#f3e4d4);cursor:pointer;transition:transform .26s ease,filter .26s ease;display:block;text-align:inherit;backface-visibility:hidden}.book-page-sticker-layer{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.book-sticker.in-page{position:absolute;left:var(--sticker-left, 8%);top:var(--sticker-top, 50%);width:var(--sticker-size, 32px);height:auto;transform:translate(-50%,-50%) rotate(var(--sticker-rotate, 0deg)) scale(var(--sticker-scale, 1));opacity:.95;filter:drop-shadow(0 2px 4px rgba(113,68,139,.2));-webkit-user-select:none;user-select:none}.book-page:hover{filter:brightness(1.02)}.left-page{border-radius:20px 4px 4px 22px;box-shadow:inset -18px 0 24px #b57dcb29,inset 0 0 0 1px #bc7ed640;transform-origin:right center}.left-page:hover{transform:rotateY(2.5deg) translate(-2px)}.right-page{border-radius:4px 20px 22px 4px;box-shadow:inset 18px 0 24px #b57dcb29,inset 0 0 0 1px #bc7ed640;transform-origin:left center}.right-page:hover{transform:rotateY(-2.5deg) translate(2px)}.book-page-inner{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(14px,2vw,22px);padding-top:clamp(8px,1vw,14px)}.book-photo{width:var(--card-width, 50%);min-width:170px;max-width:280px;background:#fff;padding:8px 8px 18px;border-radius:4px;box-shadow:0 10px 16px #8b5ba62e,0 2px #ffffffe6 inset;overflow:hidden;transform:translate(var(--card-shift-x, 0px)) rotate(var(--card-tilt, 0deg))}.book-photo img{width:100%;height:auto;max-height:min(29vh,240px);object-fit:contain;display:block;border-radius:2px;background:#fff}@media(max-width:840px){.shell{padding:16px}.disc-btn{top:12px;right:12px;width:56px;height:56px}.menu-btn{top:12px;left:12px;width:52px;height:52px}.menu-panel{top:74px;left:12px}.player-logo{width:42px;height:42px}.disc{width:30px;height:30px}.tonearm{width:20px;top:10px;right:-1px}.intro-line,.ending-line{white-space:pre-line}.heart-canvas{width:min(92vw,520px)}.heart-photo{width:calc(var(--card-size, 44px) * var(--card-scale, 1) * .82);padding:3px 3px 7px}.book-stage{min-height:66vh;gap:10px}.open-book{width:min(96vw,650px);min-height:auto;grid-template-columns:1fr}.open-book:before{inset:-10px -8px;border-radius:18px}.open-book:after{left:-8px;right:-8px;bottom:-8px;height:12px;border-radius:0 0 12px 12px}.book-spine{display:none}.book-page{min-height:auto;border-radius:14px;padding:14px 12px}.left-page,.left-page:hover,.right-page,.right-page:hover{transform:none}.book-page-inner{align-items:center;gap:10px}.book-photo{width:min(60vw,230px);min-width:130px;max-width:230px;padding:6px 6px 12px}.book-photo img{max-height:min(26vh,190px)}}