[hidden]{display:none!important}:root{--bg:#fbf7f1;--bg2:#f6eee6;--paper:#fffdf9;--ink:#2b2320;--sub:#7a6d65;--line:#eadfd2;--gold:#b8935a;--gold-deep:#94723f;--gold-grad:linear-gradient(135deg, #a9823f 0%, #d9bd84 45%, #f1e2bd 55%, #c39d5c 100%);--blush:#f3e1dc;--rose:#c98f8a;--accent:var(--gold);--soft:#f4ece3;--warn:#a54a35;--warn-bg:#fbefe9;--radius:18px;--shadow:0 1px 2px #3c28190d, 0 12px 32px -12px #3c28192e;--shadow-lg:0 2px 4px #3c28190f, 0 30px 60px -24px #3c281959;--serif:"Cormorant Garamond", "Shippori Mincho", serif;--mincho:"Shippori Mincho", "Zen Old Mincho", serif;--script:"Great Vibes", cursive;--sans:"Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}body{color:var(--ink);font-family:var(--sans);background:var(--bg);margin:0;font-size:15px;line-height:1.8;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}img{max-width:100%}.top{z-index:40;-webkit-backdrop-filter:blur(12px);background:#fbf7f1db;border-bottom:1px solid #b8935a2e;align-items:center;gap:12px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.brand{font-family:var(--serif);letter-spacing:.26em;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:600;text-decoration:none;display:flex}.brand-mark{flex:none;width:28px;height:18px;position:relative}.brand-mark:before,.brand-mark:after{content:"";border:1.5px solid var(--gold);border-radius:50%;width:18px;height:18px;position:absolute;top:0}.brand-mark:before{left:0}.brand-mark:after{border-color:var(--ink);left:9px}.top-nav{align-items:center;gap:22px;margin-left:auto;font-size:13px;display:flex}.top-nav a:not(.btn){color:var(--sub);letter-spacing:.06em;text-decoration:none}.top-nav a:not(.btn):hover{color:var(--ink)}@media (width<=760px){.top-nav a:not(.btn){display:none}}.script{font-family:var(--script);color:var(--gold);margin:0;font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1}.sec-head{text-align:center;max-width:640px;margin:0 auto 36px}.sec-head h2{font-family:var(--mincho);letter-spacing:.12em;margin:6px 0 0;font-size:clamp(22px,3vw,30px);font-weight:600}.sec-head .rule{background:linear-gradient(var(--gold), var(--gold)) left center / 52px 1px no-repeat, linear-gradient(var(--gold), var(--gold)) right center / 52px 1px no-repeat;width:120px;height:9px;margin:14px auto 0;display:block;position:relative}.sec-head .rule:after{content:"";background:var(--gold);width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.sec-head .lead{color:var(--sub);margin:16px 0 0;font-size:14px}.band{padding:clamp(56px,8vw,96px) clamp(16px,4vw,40px);position:relative}.band.soft{background:var(--bg2)}.hero{background:radial-gradient(ellipse at 75% 40%, #fff 0%, #fff0 60%), linear-gradient(180deg, var(--bg) 0%, #f7ece6 100%);padding:clamp(40px,7vw,96px) clamp(16px,4vw,40px) clamp(48px,7vw,88px);position:relative;overflow:hidden}.hero-flora{pointer-events:none;opacity:.85;width:clamp(180px,24vw,340px);position:absolute}.hero-flora.f1{top:-90px;left:-90px}.hero-flora.f2{bottom:-90px;right:-80px;transform:rotate(180deg)}.hero-in{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-copy{z-index:2;text-align:center;position:relative}.hero h1{font-family:var(--mincho);letter-spacing:.08em;margin:10px 0 18px;font-size:clamp(30px,5.2vw,58px);font-weight:600;line-height:1.45}.hero-lead{color:var(--sub);max-width:34em;margin:0 auto;font-size:clamp(14px,1.6vw,16px)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 18px;display:flex}.badges{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.badges li{color:var(--sub);padding:2px 4px 2px 18px;font-size:12px;position:relative}.badges li:before{content:"";background:var(--gold);width:6px;height:6px;position:absolute;top:50%;left:4px;transform:translateY(-50%)rotate(45deg)}.hero-visual{width:100%;max-width:560px;height:clamp(320px,52vw,560px);margin:0 auto;position:relative}.hv{box-shadow:var(--shadow-lg);background:var(--soft);margin:0;position:absolute;overflow:hidden}.hv img{object-fit:cover;width:100%;height:100%;display:block}.hv-main{z-index:2;border:6px solid #fff;border-radius:999px 999px 14px 14px;width:56%;height:92%;animation:9s ease-in-out infinite float;top:0;left:22%}.hv-sub1{aspect-ratio:1;z-index:3;border:5px solid #fff;border-radius:50%;width:38%;animation:11s ease-in-out -3s infinite float;bottom:6%;left:0}.hv-sub1 img{object-position:35% 50%}.hv-sub2{z-index:1;border:5px solid #fff;border-radius:999px 999px 10px 10px;width:30%;height:46%;animation:10s ease-in-out -6s infinite float;top:12%;right:0}.hv-ring{border:1px solid var(--gold);opacity:.7;border-radius:999px 999px 18px 18px;width:56%;height:92%;position:absolute;top:0;left:22%;transform:translate(14px,14px)}.hero-note{z-index:2;text-align:center;color:var(--sub);opacity:.8;margin:18px 0 0;font-size:11px;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hv{animation:none}html{scroll-behavior:auto}}@media (width>=960px){.hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px}.hero-copy{text-align:left}.hero-lead{margin:0}.hero-cta,.badges{justify-content:flex-start}.hero-note{text-align:left;max-width:1200px;margin:24px auto 0}.hero-copy{padding-left:clamp(0px,4vw,60px)}.tabs{flex-wrap:wrap}}.btn{background:var(--ink);color:#fff;letter-spacing:.06em;border:0;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:default}.btn.gold{background:var(--gold-grad);color:#3a2a12;background-size:160% 100%;box-shadow:0 8px 20px -8px #94723fb3,inset 0 1px #ffffff80}.btn.gold:hover:not(:disabled){background-position:100% 0}.btn.ghost{color:var(--ink);background:0 0;box-shadow:inset 0 0 0 1px #2b232059}.btn.ghost:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--ink);background:#fff9}.btn.big{padding:15px 32px;font-size:15px}.btn.small{padding:7px 16px;font-size:12px}a.btn{display:inline-flex}.show{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;max-width:1200px;margin:0 auto;display:grid}.show-card{text-align:left;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);border:0;flex-direction:column;padding:0;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.show-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.show-card .thumb-frame{border-radius:0}.show-body{flex-direction:column;gap:4px;padding:16px 18px 18px;display:flex}.show-body strong{font-family:var(--serif);letter-spacing:.22em;font-size:22px;font-weight:600}.show-body small{color:var(--sub);font-size:13px;line-height:1.6}.show-body em{color:var(--gold-deep);letter-spacing:.06em;margin-top:8px;font-size:12px;font-style:normal;font-weight:700}.thumb-frame{aspect-ratio:16/9;background:var(--soft);border-radius:10px;display:block;overflow:hidden}.thumb-frame img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.show-card:hover .thumb-frame img{transform:scale(1.04)}.swatch{width:100%;height:100%;display:block;position:relative;overflow:hidden}.swatch i{border-radius:50%;position:absolute}.swatch i:first-child{aspect-ratio:1;width:46%;top:18%;left:8%}.swatch i:nth-child(2){aspect-ratio:1;width:30%;bottom:-8%;right:10%}.swatch b{font-family:var(--serif);font-size:30px;position:absolute;top:6%;right:10%}.flow{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1080px;margin:0 auto;padding:0;list-style:none;display:grid}.flow li{background:var(--paper);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:28px 24px 22px;position:relative}.flow-n{font-family:var(--serif);color:var(--gold);margin-bottom:10px;font-size:40px;font-style:italic;line-height:1;display:block}.flow strong{font-family:var(--mincho);letter-spacing:.06em;font-size:18px}.flow p{color:var(--sub);margin:8px 0 0;font-size:13px}.make{background:linear-gradient(180deg, var(--bg) 0%, #f8f0ea 100%)}.layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:1360px;margin:0 auto;display:grid}.stage{z-index:5;background:var(--bg);padding:10px 0;position:sticky;top:58px}.stage-frame{aspect-ratio:16/9;box-shadow:var(--shadow-lg);outline-offset:5px;background:#111;border-radius:12px;outline:1px solid #b8935a59;overflow:hidden}.stage-canvas{cursor:pointer;width:100%;height:100%;display:block}.controls{align-items:center;gap:12px;margin-top:12px;display:flex}.play{background:var(--gold-grad);color:#3a2a12;border:0;border-radius:50%;flex:none;width:44px;height:44px;font-size:14px;box-shadow:0 6px 16px -6px #94723fcc}.seek{accent-color:var(--gold);flex:1;min-width:0}.time{font-variant-numeric:tabular-nums;color:var(--sub);flex:none;font-size:13px}.stage-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.stage-meta span{color:var(--sub);background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:1px 12px;font-size:12px}.panel{padding:0 0 24px}.tabs{scrollbar-width:none;gap:6px;padding:12px 0 10px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--line);background:var(--paper);white-space:nowrap;border-radius:99px;flex:none;align-items:center;gap:7px;padding:6px 15px 6px 7px;font-size:13px;transition:background .2s,border-color .2s;display:flex}.tab:hover{border-color:var(--gold)}.tab-n{border:1px solid var(--line);width:22px;height:22px;font-size:12px;font-family:var(--serif);border-radius:50%;place-items:center;font-weight:600;display:grid}.tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tab.on .tab-n{background:var(--gold-grad);color:#3a2a12;border-color:#0000}.panel-body{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #b8935a38;padding:22px}.panel-body h2{font-family:var(--mincho);letter-spacing:.06em;align-items:center;gap:10px;margin:26px 0 10px;font-size:18px;display:flex}.panel-body h2:before{content:"";background:var(--gold);flex:none;width:7px;height:7px;transform:rotate(45deg)}.panel-body h2:first-child{margin-top:0}.hint{color:var(--sub);margin:6px 0 12px;font-size:13px}.seg{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.seg.types{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.seg.types .seg-item{padding:10px}.seg.types .seg-item strong{white-space:nowrap;font-size:14px}.seg.small{grid-template-columns:repeat(3,1fr);margin-bottom:4px}.seg-item{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.seg-item:hover{border-color:var(--gold)}.seg.small .seg-item{text-align:center;padding:8px;font-size:14px}.seg-item small{color:var(--sub);font-size:12px;line-height:1.5}.seg-item.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold), 0 6px 16px -10px #94723f99;background:#fffaf2}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:14px;flex-direction:column;gap:4px;padding:8px 8px 10px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.card:hover{border-color:var(--gold);transform:translateY(-2px)}.card strong{font-family:var(--serif);letter-spacing:.18em;padding:4px 4px 0;font-size:16px}.card small{color:var(--sub);padding:0 4px;font-size:12px;line-height:1.5}.card.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold), 0 8px 20px -12px #94723fb3}.card.on:after{content:"✓";background:var(--gold-grad);color:#3a2a12;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 2px 6px #0003}.list{flex-direction:column;gap:8px;display:flex}.row{border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .2s;display:flex}.row:hover{border-color:var(--gold)}.row span{flex-direction:column;display:flex}.row small{color:var(--sub);font-size:12px}.row.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#fffaf2}.row input{accent-color:var(--gold);margin-top:6px}.note{background:var(--soft);border-radius:14px;margin-top:16px;padding:14px 16px;font-size:14px}.note ol,.note ul{margin:6px 0;padding-left:1.3em}.note p{margin:6px 0 0}.two{gap:12px;display:grid}.group{border:1px solid var(--line);border-radius:14px;margin:0 0 12px;padding:8px 14px 14px}.group legend{font-family:var(--mincho);letter-spacing:.08em;padding:0 8px;font-weight:600}.field{gap:2px;margin-top:10px;display:grid}.field span{color:var(--sub);font-size:12px}input[type=text],textarea{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-size:16px;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #b8935a2e}textarea{resize:vertical;line-height:1.6}.lint{flex-direction:column;gap:2px;display:flex}.lint span{color:var(--warn);background:var(--warn-bg);border-radius:6px;margin-top:4px;padding:2px 8px;font-size:12px}.msg{margin-bottom:14px}.msg-head,.photo-head{align-items:center;gap:4px;margin-bottom:4px;display:flex}.msg-head span,.photo-head span{font-family:var(--serif);width:30px;color:var(--gold-deep);font-size:16px;font-weight:600}.icon{border:1px solid var(--line);background:#fff;border-radius:8px;width:32px;height:30px;font-size:13px}.icon:hover:not(:disabled){border-color:var(--gold)}.icon:disabled{opacity:.3;cursor:default}.next{justify-content:flex-end;margin-top:20px;display:flex}.upload{align-items:center;gap:12px;display:flex}.status{color:var(--sub);font-size:13px}.empty{color:var(--sub);background:var(--soft);border-radius:10px;padding:12px;font-size:13px}.photos{flex-direction:column;gap:12px;margin:12px 0 0;padding:0;list-style:none;display:flex}.photo{grid-template-columns:120px 1fr;align-items:start;gap:12px;display:grid}.thumb{background:var(--soft);box-shadow:var(--shadow);border:0;border-radius:10px;padding:0;display:block;overflow:hidden}.thumb-in{display:block;position:relative}.thumb img{width:100%;height:auto;display:block}.focus{pointer-events:none;background:#b8935ae6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 1px #0000004d}.export{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.bar{background:var(--soft);border-radius:99px;flex-basis:100%;height:8px;overflow:hidden}.bar i{background:var(--gold-grad);width:0;height:100%;transition:width .2s;display:block}.spec{grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:14px;display:grid}.spec dt{color:var(--sub)}.spec dd{margin:0}@media (width>=960px){.layout{grid-template-columns:minmax(0,1.35fr) minmax(380px,1fr);gap:32px}.stage{background:0 0;align-self:start;padding:0;top:84px}.panel{padding:0}.tabs{padding-top:0}.two{grid-template-columns:1fr 1fr}.two .group{margin:0}}@media (width<=959px){.make.band{padding-left:0;padding-right:0}.make .sec-head{margin-bottom:20px;padding:0 16px}.stage{border-bottom:1px solid var(--line);padding:10px 16px;box-shadow:0 8px 16px -12px #3c28194d}.stage-frame{outline:0}.stage-meta{display:none}.panel{padding:0 16px 24px}.controls{margin-top:8px}.play{width:38px;height:38px}}.price{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;max-width:820px;margin:0 auto;display:grid}.price-card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;border:1px solid var(--line);padding:30px 28px}.price-card.main{border:1px solid var(--gold);box-shadow:var(--shadow-lg);position:relative}.price-card.main:before{content:"";pointer-events:none;border:1px solid #b8935a59;border-radius:14px;position:absolute;inset:6px}.price-label{color:var(--sub);letter-spacing:.08em;margin:0;font-size:13px}.price-num{font-family:var(--serif);margin:6px 0 14px;font-size:52px;font-weight:600;line-height:1.1}.price-num small{font-family:var(--sans);margin-left:4px;font-size:14px;font-weight:500}.price-card ul{text-align:left;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.price-card li{padding-left:20px;position:relative}.price-card li:before{content:"";background:var(--gold);width:6px;height:6px;position:absolute;top:.75em;left:4px;transform:rotate(45deg)}.price-free{color:var(--gold-deep);background:#fbf3e4;border-radius:99px;margin:18px 0 0;padding:6px 12px;font-size:13px;font-weight:700}.guide{max-width:900px;margin:0 auto;padding:24px 16px 40px}.g-sec{border-top:1px solid var(--line);padding:40px 0}.g-sec h2{font-family:var(--mincho);letter-spacing:.08em;margin:0 0 14px;font-size:22px;font-weight:600}.steps{counter-reset:s;gap:12px;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;grid-template-columns:40px 1fr;column-gap:12px;display:grid}.steps li:before{content:counter(s);border:1px solid var(--gold);width:34px;height:34px;color:var(--gold-deep);font-family:var(--serif);border-radius:50%;grid-row:span 2;place-items:center;font-size:18px;font-weight:600;display:grid}.steps span{color:var(--sub);font-size:14px}.plain{padding-left:1.3em}.plain li{margin:4px 0}.items{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:0;list-style:none;display:grid}.items a{background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;height:100%;padding:14px 16px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.items a:hover{border-color:var(--gold);transform:translateY(-2px)}.items small{color:var(--sub);font-size:13px}.g-links{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.g-links a{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14px;text-decoration:none;transition:border-color .2s;display:block}.g-links a:after{content:" →";color:var(--gold)}.g-links a:hover{border-color:var(--gold)}.foot-links a+a{margin-left:14px}.it-when{color:var(--gold-deep);letter-spacing:.04em;font-size:11px;font-weight:700}.it-go{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700}.pr{color:var(--sub);font-size:12px}.faq{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--sub);margin:6px 0 0;font-size:14px}.foot{text-align:center;color:#ffffffb3;background:#2b2320;padding:48px 16px 56px;font-size:12px}.foot p{margin:4px 0}.foot-brand{font-family:var(--serif);letter-spacing:.3em;color:#e6d3ad;font-size:22px;margin-bottom:12px!important}.warn{color:var(--warn);background:var(--warn-bg);border-radius:10px;padding:10px 12px;font-size:13px}.row-btns{flex-wrap:wrap;gap:8px;margin:10px 0 4px;display:flex}.reset{text-align:right;margin-top:14px}.link{color:var(--sub);background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.msg.qa{border:1px solid var(--line);border-radius:14px;padding:12px 14px}.qa-add{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.qa-add small{color:var(--sub);font-size:12px}.check-row{cursor:pointer;align-items:flex-start;gap:10px;margin:16px 0 0;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--gold);margin-top:6px}.check-row span{flex-direction:column;display:flex}.check-row small{color:var(--sub);font-size:12px}.examples{border:1px solid var(--line);border-radius:14px;margin:14px 0 0;padding:10px 14px}.examples summary{cursor:pointer;font-size:14px;font-weight:700}.ex-group{flex-wrap:wrap;gap:6px;margin:10px 0 4px;display:flex}.ex-group strong,.ex-group small{color:var(--sub);flex-basis:100%;font-size:12px}.ex{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;padding:5px 10px;font-size:13px}.ex:hover{border-color:var(--gold);background:#fffaf2}.toast{z-index:50;background:var(--ink);color:#fff;border-radius:12px;max-width:min(560px,100% - 32px);padding:12px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.btn{white-space:nowrap}@media (width<=640px){.show{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.show-body{padding:10px 12px 12px}.show-body strong{letter-spacing:.14em;font-size:16px}.show-body small{font-size:11px}.show-body em{margin-top:4px;font-size:11px}.seg-item strong{font-size:14px}.flow{gap:12px}.flow li{padding:20px 18px 16px}}.buy{border:1px solid var(--gold);background:#fffaf2}.code-row{gap:8px;display:flex}.code-row input{letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,Consolas,monospace}.modal{z-index:60;background:#2b23208c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-in{background:var(--paper);border-radius:var(--radius);text-align:center;width:100%;max-width:520px;box-shadow:var(--shadow-lg);padding:32px 28px}.modal-in h2{font-family:var(--mincho);margin:6px 0 12px;font-size:22px}.modal-in .row-btns{justify-content:center}.code-big{letter-spacing:.08em;background:var(--soft);-webkit-user-select:all;user-select:all;border-radius:12px;margin:18px 0;padding:14px;font-family:ui-monospace,Consolas,monospace;font-size:clamp(20px,5vw,28px)}.foot-links{margin:14px 0!important}.foot-links a{color:#e6d3ad}.photo-opts{gap:6px;margin-top:8px;display:grid}.opt-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.opt-row>span{color:var(--sub);flex:none;width:4.5em;font-size:12px}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:3px 10px;font-size:12px;line-height:1.6}.chip:hover:not(:disabled){border-color:var(--gold)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip:disabled{opacity:.35;cursor:default}.joined{color:var(--gold-deep);background:#fbf3e4;border-radius:8px;margin:0;padding:4px 10px;font-size:12px}.photo.is-joined{border-left:2px solid var(--gold);padding-left:14px}@media (width<=480px){.opt-row>span{width:100%}}.warn-list{margin:6px 0;padding-left:1.2em}.warn-list li{margin:2px 0}.ok-box{color:#3f6b4a;background:#eef6ef;border-radius:10px;padding:10px 12px;font-size:13px}.scenes{scrollbar-width:thin;gap:3px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.scene{border:1px solid var(--line);background:var(--paper);min-width:54px;max-width:220px;color:var(--sub);text-align:left;white-space:nowrap;border-radius:6px;flex:1 0 auto;padding:4px 6px;font-size:11px;line-height:1.3;overflow:hidden}.scene span{text-overflow:ellipsis;display:block;overflow:hidden}.scene:hover{border-color:var(--gold);color:var(--ink)}.scene.on{background:var(--ink);border-color:var(--ink);color:#fff}.scene-now{min-height:26px;color:var(--sub);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.scene-now .link{font-size:13px}.undo{justify-content:flex-end;gap:14px;margin-bottom:4px;display:flex}.undo .link{font-size:13px}.undo .link:disabled{opacity:.35;cursor:default;text-decoration:none}.flash{border-radius:10px;animation:1.6s ease-out flash}@keyframes flash{0%,30%{box-shadow:0 0 0 3px var(--gold)}to{box-shadow:0 0 0 3px #0000}}.credit textarea{width:100%;line-height:1.7}@media (width<=959px){.scenes{margin-top:6px}.scene{min-width:48px;padding:3px 5px}}.credit-head{align-items:center;gap:6px;margin-bottom:8px;display:flex}.credit-title{flex:1;min-width:0;font-weight:700}.credit-n{color:var(--sub);white-space:nowrap;padding:0 4px;font-size:12px}.credit .field{margin:0}.full{border:1px solid var(--line);background:var(--paper);width:36px;height:36px;color:var(--ink);border-radius:50%;flex:none;font-size:16px;line-height:1}.full:hover{border-color:var(--gold)}.stage-frame:fullscreen{background:#000;border-radius:0;justify-content:center;align-items:center;display:flex}.stage-frame:fullscreen canvas{object-fit:contain;border-radius:0;width:100%;height:auto;max-height:100vh}@media (width<=480px){.seg.types{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.seg.types .seg-item{padding:10px 7px}.seg.types .seg-item strong{white-space:nowrap;letter-spacing:-.02em;font-size:13px}.seg.types .seg-item small{font-size:11px}}.song-row{grid-template-columns:7.5em auto 1fr;align-items:center;gap:10px;margin-top:12px;display:grid}.song-row>span{color:var(--sub);font-size:13px}.song-row .opt-row{justify-content:flex-end}.own-song .warn{margin-top:14px}@media (width<=480px){.song-row{grid-template-columns:1fr auto}.song-row>:last-child{grid-column:1/-1}}.thumb-frame{position:relative}.thumb-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.compare{max-width:900px;margin:40px auto 0}.compare h3{font-family:var(--mincho);text-align:center;letter-spacing:.08em;margin:0 0 16px;font-size:20px;font-weight:600}.compare-scroll{border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper);border:1px solid var(--line);overflow-x:auto}.compare table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px;line-height:1.6}.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}.compare thead th{color:var(--sub);background:var(--soft);font-size:13px;font-weight:600}.compare tbody th{color:var(--sub);white-space:nowrap;font-size:13px;font-weight:600}.compare .us{color:var(--ink);background:#fffaf2;font-weight:700}.compare thead .us{color:var(--gold-deep);background:#fbf3e4}.compare-note{color:var(--sub);text-align:right;margin:8px 4px 0;font-size:12px}@media (width<=640px){.compare-scroll{box-shadow:none;background:0 0;border:0;overflow:visible}.compare table,.compare tbody{min-width:0;display:block}.compare thead{display:none}.compare tr{background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;margin-bottom:10px;display:flex;overflow:hidden}.compare tbody th{border:0;padding:10px 14px 4px}.compare td{border:0;grid-template-columns:6.5em 1fr;gap:8px;padding:4px 14px;font-size:13px;display:grid}.compare td:before{content:attr(data-label);color:var(--sub);font-size:12px;font-weight:500}.compare td.us{border-radius:10px;order:-1;margin:0 8px 4px;padding:8px 10px}.compare td.us:before{color:var(--gold-deep);font-weight:700}.compare tbody th{order:-2}.compare td:last-child{padding-bottom:12px}}@media (width<=959px){body.typing .stage{display:none}body.typing .top{position:static}}.hero-price{color:var(--sub);text-align:center;margin:14px 0 0;font-size:13px;line-height:1.7}.hero-price strong{color:var(--ink);font-weight:700}.hero-price a{color:var(--gold-deep);text-underline-offset:3px;white-space:nowrap;margin-left:8px;text-decoration:underline}@media (width>=960px){.hero-price{text-align:left}}.play-reel .tri{border:6px solid #0000;border-left:10px solid;border-right-width:0;width:0;height:0;margin-right:2px}.reel-modal{padding:12px}.reel-in{background:var(--paper);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-lg);text-align:center;padding:12px 12px 16px}.reel-video{aspect-ratio:9/16;object-fit:contain;background:#111;border-radius:12px;width:100%;max-height:calc(100dvh - 170px);display:block}.reel-cap{color:var(--sub);margin:8px 4px 10px;font-size:11px;line-height:1.6}.reel-in .row-btns{justify-content:center}.buyflow{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);max-width:820px;box-shadow:var(--shadow);margin:28px auto 0;padding:22px 22px 8px}.buyflow h3{font-family:var(--mincho);text-align:center;letter-spacing:.08em;margin:0 0 14px;font-size:18px;font-weight:600}.buyflow ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.buyflow li{align-items:flex-start;gap:12px;display:flex}.buyflow .bf-n{background:var(--gold-grad);width:26px;height:26px;color:var(--ink);font-family:var(--serif);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:15px;font-weight:700;display:grid}.buyflow strong{font-size:15px}.buyflow p{color:var(--sub);margin:2px 0 12px;font-size:13px;line-height:1.7}@media (width>=760px){.buyflow ol{grid-template-columns:repeat(3,1fr)}.buyflow li{flex-direction:column}}.buy-safe{color:var(--sub);margin:8px 0 4px;font-size:12px;line-height:1.7}.note.transfer.phone{border:1px solid var(--gold);background:var(--paper)}.transfer-steps{gap:6px;margin:8px 0 12px;padding-left:1.4em;font-size:13px;line-height:1.7;display:grid}.opt-more>summary{cursor:pointer;color:var(--sub);flex-wrap:wrap;align-items:center;gap:2px 10px;padding:4px 0;font-size:12px;list-style:none;display:flex}.opt-more>summary::-webkit-details-marker{display:none}.opt-more .opt-edit{color:var(--gold-deep);text-underline-offset:3px;white-space:nowrap;font-weight:700;text-decoration:underline}.opt-more .opt-edit:after{content:" ▾";margin-left:2px;text-decoration:none;display:inline-block}.opt-more[open] .opt-edit:after{content:" ▴"}.opt-more .opt-body{gap:6px;margin-top:6px;display:grid}.song-try{white-space:nowrap;flex:none;align-self:center;margin-left:auto}.quiz-choices{flex-direction:column;align-items:stretch;gap:6px;display:flex}.quiz-choices>.chip{align-self:flex-start}.quiz-choice{border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:2px 4px 2px 2px;display:flex}.quiz-choice.on{border-color:var(--gold);background:#fffaf2}.quiz-choice>input[type=text]{flex:1;min-width:0}.quiz-ok{cursor:pointer;flex:none;align-items:center;gap:4px;padding:4px 2px 4px 6px;display:flex}.quiz-ok input{width:18px;height:18px;accent-color:var(--gold);margin:0}.quiz-ok b{font-family:var(--serif);text-align:center;width:1em;color:var(--gold-deep);font-size:16px;font-weight:600}.quiz-card-btns{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.note.planner{border:1px solid var(--gold);background:var(--paper)}.pl-check{margin:8px 0;padding:0;font-size:13px;list-style:none}.pl-check li:before{content:"✓ ";color:#3f6b4a;font-weight:700}.pl-check li.ng:before{content:"！ ";color:var(--warn)}.pl-result{flex-direction:column;gap:10px;margin-top:10px;display:flex}.pl-item{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px}.pl-item.fresh{border-color:var(--gold);box-shadow:0 0 0 2px #b8935a40}.pl-head{flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:13px;display:flex}.pl-head strong{word-break:break-all}.pl-status{color:var(--sub)}.pl-status.ok{color:#3f6b4a;font-weight:700}.pl-link{gap:6px;margin:8px 0 4px;display:flex}.pl-link input{padding:7px 10px;font-size:13px}.pl-comments{margin:6px 0 0;padding-left:1.1em;font-size:13px}.pl-comments b{font-family:var(--serif);color:var(--gold-deep);margin-right:6px}.seg.types .seg-item.wide{flex-direction:row;grid-column:1/-1;align-items:center;gap:10px}.seg.types .seg-item.wide small{flex:1}.seg-new{letter-spacing:.08em;color:#fff;background:var(--gold-deep);border-radius:99px;padding:1px 8px;font-size:10px;font-weight:700}.paper-band .pb-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);max-width:1100px;margin:0 auto;display:grid}.paper-band .pb-img img{width:100%;height:auto;box-shadow:var(--shadow-lg);border-radius:16px;display:block}.paper-band .pb-text p{color:var(--sub);margin:0 0 10px;line-height:1.9}.paper-band .pb-text ul{margin:0 0 18px;padding-left:1.2em;line-height:1.9}@media (width<=800px){.paper-band .pb-in{grid-template-columns:1fr}}@media (width>=960px){.tabs{gap:4px}.tab{gap:5px;padding:5px 11px 5px 5px;font-size:12.5px}.tab-n{width:20px;height:20px;font-size:11px}}.code-row input{flex:1;min-width:0}@media (width<=480px){.code-row{flex-wrap:wrap}.code-row input{flex-basis:100%}}@media (width<=959px){.scene{min-height:34px;padding:6px 8px;font-size:12px}.scene-now .link,.undo .link,.undo button{min-height:34px;padding:4px 6px}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.tab{justify-content:flex-start;gap:5px;min-width:0;padding:7px 6px 7px 5px;font-size:12px;overflow:hidden}}.quiz-choice{gap:4px}.quiz-choice>.icon{flex:none;width:28px;height:28px}@media (width<=480px){.quiz-choice>input[type=text]{padding-left:8px;padding-right:6px;font-size:15px}}h2.anchor{scroll-margin-top:90px}.song-pick{color:#8a6a35;vertical-align:2px;white-space:nowrap;background:#f6ecd9;border-radius:99px;margin-left:8px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:600}.seg.small .seg-item.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}.mini-btn{font-size:18px;display:none}@media (width<=959px){.mini-btn{place-items:center;display:inline-grid}body.stage-mini .stage{grid-template-columns:46% 1fr;align-items:center;gap:0 10px;display:grid}body.stage-mini .stage-frame{grid-row:1/span 2}body.stage-mini .controls{flex-wrap:wrap;gap:6px;margin-top:0}body.stage-mini .controls .seek,body.stage-mini .controls input[type=range]{flex:100%;order:3}body.stage-mini .scenes{display:none}body.stage-mini .scene-now{flex-wrap:wrap;grid-column:2;min-height:0;font-size:12px}body.stage-mini .controls .full:not(.mini-btn){display:none}body.stage-mini .controls .play{width:34px;height:34px}body.stage-mini .scene-now{gap:2px}}.buy-points{gap:4px;margin:8px 0 4px;padding:0;font-size:14px;list-style:none;display:grid}.buy-points li{padding-left:22px;position:relative}.buy-points li:before{content:"✓";color:var(--gold);font-weight:700;position:absolute;left:2px}.lint span.soft{color:var(--sub);background:var(--soft)}.mini-btn{width:auto;color:var(--sub);border-radius:99px;padding:0 12px;font-size:12px;font-weight:700}@media (width<=959px){.chip{min-height:36px}.credit-head .icon,.msg-head .icon{width:36px;height:36px}.warn .link{padding:6px 4px}}