:root{color:#fff8e7;background:#050505;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{overflow-x:hidden;background:#050505}button,input,textarea{font:inherit}button{min-height:48px;border:0;cursor:pointer}input,textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:13px 14px;color:#fff8e7;background:#ffffff12;outline:none}textarea{min-height:96px;resize:vertical}a{color:inherit}.gold-button,.glass-button,.small-button{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:8px;padding:0 18px;font-weight:800;text-decoration:none}.gold-button{color:#211504;background:linear-gradient(135deg,#fff0b0,#d6a642 48%,#9d6b18);box-shadow:0 18px 48px #d6a64238}.glass-button,.small-button{color:#fff3cf;border:1px solid rgba(255,225,150,.25);background:#ffffff17;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.small-button{width:auto;min-height:38px;padding:0 12px;font-size:13px}.icon-button{width:46px;min-height:46px;border-radius:999px;color:#fff2c2;border:1px solid rgba(255,222,137,.3);background:#0a080499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.text-button{min-height:32px;padding:0;color:#f5c76e;background:transparent}.home-page{min-height:100vh;padding:22px 16px 48px;color:#fff8e7;background:radial-gradient(circle at 50% 0,rgba(216,168,74,.22),transparent 32rem),linear-gradient(180deg,#11100d,#050505 42%)}.maker-hero{max-width:760px;margin:0 auto 20px;padding:32px 0 12px}.maker-hero p,.kicker,.panel-label{margin:0 0 10px;color:#f0c96a;font-size:13px;font-weight:800;letter-spacing:0}.maker-hero h1{max-width:560px;margin:0;font-size:clamp(30px,9vw,52px);line-height:1.05}.maker-form,.share-panel,.poster-generator{max-width:760px;margin:0 auto}.form-card,.share-panel,.poster-generator{border:1px solid rgba(255,225,150,.14);border-radius:8px;padding:18px;margin-bottom:16px;background:#ffffff0e;box-shadow:0 18px 70px #00000040}.form-card h2{margin:0 0 18px;font-size:20px}label{display:grid;gap:8px;margin-bottom:15px;color:#fff8e7d1;font-size:14px;font-weight:700}.section-head,.chapter-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chapter-editor{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:16px}.image-preview{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;margin:2px 0 14px;border:1px solid rgba(255,225,150,.18)}.hint{margin:-4px 0 16px;color:#fff8e794;font-size:13px}.error-message{max-width:760px;margin:0 auto 14px;padding:12px 14px;border:1px solid rgba(255,111,111,.36);border-radius:8px;color:#ffd9d9;background:#780a0a4d}.success-message{max-width:760px;margin:0 auto 14px;padding:12px 14px;border:1px solid rgba(220,180,88,.4);border-radius:8px;color:#fff0b5;background:#7c580c47}.landing-page .landing-copy,.landing-panel p{max-width:640px;color:#fff8e7b8;line-height:1.8}.theme-grid{display:grid;grid-template-columns:1fr;gap:10px}.theme-option{min-height:54px;margin:0;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f}.theme-option input{display:none}.theme-option.active{color:#1b1001;border-color:#e7bf61;background:linear-gradient(135deg,#fff1b7,#d5a442)}.action-bar{position:sticky;bottom:0;z-index:5;display:grid;gap:10px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#050505 20%)}.share-panel{display:grid;gap:12px}.qr-box{display:grid;justify-items:center;gap:10px;color:#fff8e7b3;font-size:13px}.qr-box img{width:180px;border-radius:8px}.poster-card{display:grid;gap:12px;width:min(100%,320px);min-height:480px;margin:0 auto 14px;padding:22px;border-radius:8px;color:#fff7df;background:#060606}.poster-card span{color:#f4cd75;font-weight:900}.poster-card h2{margin:0;font-size:28px;line-height:1.12}.poster-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px}.download-link{display:block;margin:10px 0;color:#f4cd75;font-weight:800;text-align:center}.poster-preview{width:100%;border-radius:8px}.movie-page{position:relative;min-height:100vh;overflow-x:hidden;color:#fff8e7;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0 / 22px 100%,radial-gradient(circle at 50% 18%,rgba(218,172,78,.2),transparent 22rem),#050505}.theme-pink{color:#fff7fb;background:radial-gradient(circle at 50% 10%,rgba(255,206,223,.34),transparent 20rem),linear-gradient(180deg,#2a0714,#070406)}.grain-layer{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.14;background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1px),radial-gradient(circle at 80% 30%,#fff 0 1px,transparent 1px),radial-gradient(circle at 40% 80%,#fff 0 1px,transparent 1px);background-size:36px 36px,48px 48px,58px 58px;animation:grainMove .9s steps(2) infinite}@keyframes grainMove{0%{transform:translateZ(0)}50%{transform:translate3d(-2%,1%,0)}to{transform:translate3d(1%,-1%,0)}}.music-player{position:fixed;top:calc(14px + env(safe-area-inset-top));right:14px;z-index:20}.return-edit-button{position:fixed;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:24;min-height:44px;border-radius:999px;padding:0 18px;color:#1c1203;font-weight:900;background:linear-gradient(135deg,#fff0b0,#d6a642 48%,#9d6b18);box-shadow:0 16px 42px #00000061}.movie-intro,.movie-chapter,.movie-finale,.not-found{position:relative;z-index:2;display:grid;align-content:center;min-height:100vh;padding:calc(42px + env(safe-area-inset-top)) 20px calc(38px + env(safe-area-inset-bottom))}.movie-intro{text-align:center}.movie-intro h1{margin:0;font-size:clamp(38px,12vw,68px);line-height:1.02}.intro-copy{max-width:520px;margin:18px auto 0;color:#fff8e7c2;font-size:18px;line-height:1.65}.credits{display:grid;gap:8px;margin:32px 0;color:#fff8e7a6}.start-button{max-width:320px;margin:0 auto}.movie-chapter{gap:22px}.chapter-heading span{color:#f0c96a;font-size:12px;font-weight:900}.chapter-heading h2{margin:8px 0;font-size:clamp(32px,10vw,58px);line-height:1.04}.chapter-heading p{margin:0;color:#fff8e7ad}.film-frame{position:relative;overflow:hidden;width:100%;max-width:520px;aspect-ratio:4 / 5;margin:0 auto;border:1px solid rgba(245,204,113,.24);border-radius:8px;box-shadow:0 28px 70px #0000007a}.film-frame:before,.film-frame:after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:16px;background:repeating-linear-gradient(180deg,#000000b8 0,#000000b8 12px,#fff0b047 12px,#fff0b047 18px)}.film-frame:before{left:0}.film-frame:after{right:0}.film-frame img{width:100%;height:100%;object-fit:cover;transform-origin:center}.subtitle-line{min-height:86px;max-width:560px;margin:0 auto;padding:14px 16px;color:#fff9ea;font-size:18px;line-height:1.65;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.9);background:linear-gradient(180deg,transparent,rgba(0,0,0,.32))}.next-button{max-width:280px;margin:0 auto}.movie-finale{text-align:center}.emotion-lines{display:grid;gap:22px;font-size:clamp(24px,7vw,42px);font-weight:900;line-height:1.35}.emotion-lines p{margin:0;animation:lineIn .72s ease both}@keyframes lineIn{0%{opacity:0;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.big-en{margin:0 0 10px;color:#f5ce72;font-size:clamp(38px,12vw,76px);font-weight:1000}.blessing-card h2,.director-note h2{margin:0 0 18px;font-size:clamp(30px,9vw,54px)}.final-copy,.director-note p{max-width:620px;margin:0 auto 22px;color:#fff8e7c7;font-size:18px;line-height:1.8}.not-found{justify-items:center;text-align:center}@media(min-width:720px){.home-page{padding-inline:28px}.theme-grid,.action-bar{grid-template-columns:repeat(3,1fr)}.movie-chapter{grid-template-columns:minmax(0,.82fr) minmax(320px,520px);align-items:center;column-gap:36px}.film-frame{grid-row:span 3}.subtitle-line,.next-button{margin-left:0}}