:root{--bg:#fff;--fg:#1c1c1c;--muted:#6f6f6f;--line:#e0e0e0;--error-bg:#f3cccc;--success-bg:#d4e3cb;--btn-bg:#000;--btn-fg:#fff;--ls-button:.18em;--font:Futura, Jost, "Noto Sans JP", "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;--sp-xs:4px;--sp-sm:8px;--sp-md:12px;--sp-lg:16px;--sp-xl:24px;--sp-2xl:32px;--sp-3xl:40px;--sp-4xl:48px;--accent:#b0736a;--accent-soft:#faf2f0;--accent-line:#e8d5d0;--accent-text:#96574f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);letter-spacing:.03em;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.65}.wrap{max-width:560px;margin:0 auto;padding:72px 26px 130px}.brand{text-align:center;letter-spacing:.12em;margin:0 0 4px;font-size:22px;font-weight:400}.brandLogo{vertical-align:middle;width:auto;height:34px;display:inline-block}.pageTitle{text-align:center;letter-spacing:.14em;margin:var(--sp-3xl) 0 var(--sp-lg);font-size:20px;font-weight:700}.byline{text-align:center;color:var(--muted);letter-spacing:.18em;margin:-8px 0 var(--sp-2xl);font-size:12.5px}.lead{text-align:center;color:var(--muted);margin:0 0 var(--sp-3xl);font-size:13px}.jwrap{word-break:keep-all;overflow-wrap:anywhere}.field{margin:0 0 var(--sp-3xl)}.label{letter-spacing:.14em;margin-bottom:var(--sp-md);font-size:12px;font-weight:700;display:block}.label .opt{color:var(--muted);margin-left:6px;font-weight:400}.hint{color:var(--muted);margin-top:var(--sp-sm);font-size:11.5px}.counter{color:var(--muted);text-align:right;margin-top:4px;font-size:11px}input[type=text],input[type=email],textarea{border:1px solid var(--line);width:100%;color:var(--fg);font-family:var(--font);letter-spacing:.03em;background:#fff;border-radius:0;outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--fg)}input.ng,textarea.ng{border-color:#b8442c}textarea{resize:vertical;min-height:96px}.chips{gap:var(--sp-sm);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--line);color:var(--fg);font-family:var(--font);letter-spacing:.1em;cursor:pointer;background:#fff;border-radius:0;min-height:44px;padding:11px 20px;font-size:13px;transition:background .15s,color .15s,border-color .15s}.chip[aria-pressed=true]{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg)}.submit{width:100%;margin-top:var(--sp-3xl);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bg);font-family:var(--font);letter-spacing:var(--ls-button);cursor:pointer;border-radius:0;padding:17px 16px;font-size:14px;font-weight:400;transition:background .2s,color .2s;display:block}.submit:hover{background:var(--btn-fg);color:var(--btn-bg)}.submit:disabled{opacity:.45;cursor:default}.modalBack{z-index:50;padding:var(--sp-lg);background:#1c1c1c6b;justify-content:center;align-items:flex-end;animation:.18s ease-out modalFade;display:flex;position:fixed;inset:0}@media (min-width:600px){.modalBack{align-items:center}}.modalCard{border:1px solid var(--line);width:100%;max-width:420px;padding:var(--sp-xl) var(--sp-lg) var(--sp-lg);background:#fff;animation:.22s ease-out modalUp;box-shadow:0 10px 40px #0000002e}.modalLater{width:100%;margin-top:var(--sp-md);padding:var(--sp-md);min-height:44px;color:var(--muted);font-family:var(--font);letter-spacing:.08em;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:12.5px;text-decoration:underline;display:block}@keyframes modalFade{0%{opacity:0}}@keyframes modalUp{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.modalBack,.modalCard{animation:none}}.notice{padding:var(--sp-lg);margin:0 0 var(--sp-xl);font-size:13px}.notice.error{background:var(--error-bg)}.notice.success{background:var(--accent-soft);border-left:3px solid var(--accent)}.notice ul{margin:6px 0 0;padding-left:18px}.turnstileBox{border:1px dashed var(--line);color:var(--muted);text-align:center;margin-top:26px;padding:14px;font-size:12px}.divider{border:none;border-top:1px solid var(--line);margin:34px 0}.footNote{color:var(--muted);text-align:center;margin-top:var(--sp-2xl);font-size:11.5px}.footNote a,.footerLogo>a{padding:var(--sp-lg) var(--sp-sm);line-height:1.3;display:inline-block}.footerCaption a{position:relative}.footerCaption a:after{content:"";position:absolute;inset:-15px -6px}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a.chip,a.submit,a.titleLink,.footerLogo a{text-decoration:none}.waitBox{text-align:center;padding:44px 16px 40px}.vinyl{background:repeating-radial-gradient(circle,#1c1c1c 0 2.5px,#333 2.5px 5px);border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;margin:0 auto;animation:2.6s linear infinite spin;display:flex;box-shadow:0 6px 18px #0000002e}.vinylLabel{color:#1c1c1c;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.eq{justify-content:center;align-items:flex-end;gap:5px;height:28px;margin-top:20px;display:flex}.eq span{background:var(--fg);width:5px;animation:.9s ease-in-out infinite eqBounce}.eq span:first-child{animation-delay:0s}.eq span:nth-child(2){animation-delay:.12s}.eq span:nth-child(3){animation-delay:.24s}.eq span:nth-child(4){animation-delay:.36s}.eq span:nth-child(5){animation-delay:.48s}.eq span:nth-child(6){animation-delay:.6s}.eq span:nth-child(7){animation-delay:.72s}@keyframes eqBounce{0%,to{opacity:.55;height:6px}50%{opacity:1;height:26px}}.waitStep{letter-spacing:.1em;margin:18px 0 6px;font-size:15px;font-weight:700}.progressOuter{background:var(--line);max-width:320px;height:4px;margin:14px auto 8px}.progressInner{background:var(--accent);height:100%;transition:width .9s}.waitEta{color:var(--muted);font-size:12px}.waitHelp{color:var(--muted);margin-top:14px;font-size:11.5px}.waitHelp a,.notice a{color:inherit}.demoTag{color:var(--muted);border:1px dashed var(--line);margin-top:8px;padding:3px 8px;font-size:11px;display:inline-block}.resultCard{border:1px solid var(--line);margin:0 0 var(--sp-lg);padding:30px 26px}.resultTitle{letter-spacing:.1em;margin:0 0 10px;font-size:15px;font-weight:700}.resultTitle .meta{color:var(--muted);font-size:12px;font-weight:400}.submit.ghost{color:var(--fg);border:1px solid var(--line);margin-top:var(--sp-md);background:#fff}.submit.ghost:hover{border-color:var(--fg)}.shareRow{flex-wrap:wrap;gap:8px;margin:14px 0 6px;display:flex}.shareRow .chip{text-decoration:none;display:inline-block}.lyricsBox{border:1px solid var(--line);padding:var(--sp-lg);margin:var(--sp-lg) 0}.lyricsTitle{letter-spacing:.14em;margin:0 0 4px;font-size:12px;font-weight:700}.lyricsPre{white-space:pre-wrap;font-family:var(--font);margin:6px 0 0;font-size:13.5px;line-height:2}.toneSample{margin-top:var(--sp-md);padding:var(--sp-md) var(--sp-lg);background:var(--accent-soft);border-left:3px solid var(--accent-line);border-radius:4px}.toneSampleText{white-space:pre-wrap;color:#4a4a4a;margin:0;font-size:13.5px;line-height:1.9}.fold{margin-bottom:var(--sp-lg);background:#fff;border:1px solid #ddd}.fold summary{cursor:pointer;letter-spacing:.08em;padding:17px 20px;font-size:13px;font-weight:600;list-style:none}.fold summary::-webkit-details-marker{display:none}.fold summary:after{content:"＋";float:right;color:#888}.fold[open] summary:after{content:"－"}.fold .foldBody{padding:4px 20px 20px}@media (prefers-reduced-motion:reduce){.vinyl,.eq span,.progressInner{transition:none!important;animation:none!important}}.tags{flex-wrap:wrap;gap:6px;margin:2px 0 12px;display:flex}.tag{color:#555;letter-spacing:.08em;background:#f7f7f5;border:1px solid #ccc;padding:3px 10px;font-size:11px;display:inline-block}.infoBox{text-align:center;margin-top:40px}.infoBox .labelPill{letter-spacing:.14em;color:var(--muted);background:#fff;border:1px solid #d9d7d2;border-radius:999px;padding:6px 18px;font-size:11.5px;font-weight:600;display:inline-block}.footerLogo{text-align:center;margin:48px 0 6px}.footerLogo img{opacity:.9;width:auto;height:26px}.footerCaption{color:var(--muted);letter-spacing:.06em;margin:8px 0 0;font-size:11px}.footerCaption a{color:inherit}.storePicks{border-top:1px solid var(--line);margin-top:var(--sp-4xl);padding-top:var(--sp-2xl)}.storeGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.storeCard{color:inherit;border:1px solid var(--line);padding:0 0 12px;text-decoration:none;transition:border-color .15s;display:block}.storeCard:hover{border-color:var(--fg)}.storeCard img{aspect-ratio:1;object-fit:cover;width:100%;margin-bottom:8px;display:block}.storeCardTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 10px;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.storeCardPrice{padding:4px 10px 0;font-size:12px;font-weight:700;display:block}.titleLink{color:inherit;text-decoration:none;position:relative}.titleLink:after{content:"";position:absolute;inset:-10px -8px}html{-webkit-text-size-adjust:100%}button,a,.chip,.submit,.fold summary{touch-action:manipulation}@media (max-width:480px){:root{--sp-3xl:32px;--sp-4xl:40px}.wrap{padding:var(--sp-2xl) var(--sp-lg) calc(78px + env(safe-area-inset-bottom))}.pageTitle{margin:var(--sp-xl) 0 var(--sp-md);font-size:19px}.resultCard{padding:20px 16px}.chip{padding:10px 14px}.submit{padding:16px 14px}.fold summary{padding:15px 16px}.fold .foldBody{padding:2px 16px 16px}.tag{padding:3px 8px;font-size:10.5px}}.heroBadges{align-items:center;gap:var(--sp-sm);margin:0 0 var(--sp-2xl);flex-direction:column;display:flex}.testNotice{color:#7a6636;text-align:center;background:#fdf8ee;border:1px solid #e6dcc8;border-radius:10px;margin:28px 0 0;padding:10px 14px;font-size:13px;line-height:1.6}.testNotice strong{color:#5d4d27}.heroBadge{white-space:nowrap;max-width:100%;color:var(--muted);letter-spacing:.02em;font-feature-settings:"tnum";background:#fff;border:1px solid #d9d7d2;border-radius:999px;padding:7px 16px;font-size:12px;display:inline-block}.heroBadge strong{color:var(--fg);font-weight:700}.heroBadge.gift{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}@media (max-width:359px){.heroBadge{white-space:normal;text-align:center}}.heroBadge.gift strong{color:#8f5850}@media (max-width:379px){.heroBadge{padding:6px 12px;font-size:11px}}.unlockSteps{background:var(--accent-soft);border:1px solid var(--accent-line);padding:var(--sp-md) var(--sp-lg);margin-bottom:var(--sp-lg)}.unlockSteps p{margin:0 0 var(--sp-xs);color:var(--fg);font-size:12.5px}.unlockSteps p:last-child{margin-bottom:0}.unlockSteps p.done{color:var(--accent-text);font-weight:700}.dlNotice{color:#6b5b3e;background:#f6f3ec;border-radius:8px;margin:0 0 16px;padding:8px 12px}
