@import"https://fonts.googleapis.com/css2?family=Marcellus&family=Noto+Sans+JP:wght@300;400;500;600&display=swap";:root,[data-theme=salon]{--navy: #043a69;--navy-soft: #2b333f;--navy-mute: #73859f;--gold: #c9a86b;--gold-soft: #d9be8d;--bg: #faf7f2;--bg-alt: #f3ede2;--bg-card: #ffffff;--border: #e8e0cd;--shadow: 0 2px 18px rgba(15, 30, 60, .05);--shadow-hover: 0 6px 24px rgba(15, 30, 60, .09);--easing: cubic-bezier(.25, .8, .5, 1)}[data-theme=dark]{--navy: #e8eef5;--navy-soft: #c2cdd9;--navy-mute: #6e7a89;--gold: #b8945a;--gold-soft: #c9a86b;--bg: #15191f;--bg-alt: #1d232c;--bg-card: #1a1f27;--border: #2c3340;--shadow: 0 2px 18px rgba(0, 0, 0, .4);--shadow-hover: 0 6px 24px rgba(0, 0, 0, .55)}[data-theme=spa]{--navy: #4a5d80;--navy-soft: #6c7a95;--navy-mute: #a5b1c5;--gold: #d8a6b8;--gold-soft: #e6c2cf;--bg: #f7f2ef;--bg-alt: #f0e6e6;--bg-card: #ffffff;--border: #ead8d8;--shadow: 0 2px 18px rgba(120, 90, 110, .07);--shadow-hover: 0 6px 24px rgba(120, 90, 110, .12)}[data-theme=forest]{--navy: #2d4a3e;--navy-soft: #496258;--navy-mute: #88998f;--gold: #c5895a;--gold-soft: #d6a884;--bg: #f5f1e8;--bg-alt: #ebe4d3;--bg-card: #ffffff;--border: #ddd2bc;--shadow: 0 2px 18px rgba(45, 74, 62, .06);--shadow-hover: 0 6px 24px rgba(45, 74, 62, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--navy-soft);font-family:Noto Sans JP,-apple-system,Hiragino Sans,Yu Gothic,system-ui,sans-serif;font-feature-settings:"palt";font-weight:400;line-height:1.6;letter-spacing:.04em;min-height:100vh;-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse at top,#ffffff 0%,var(--bg) 60%),var(--bg);background-attachment:fixed}.container{max-width:1280px;margin:0 auto;padding:32px 36px 24px;display:flex;flex-direction:column;gap:20px;min-height:100vh}header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--border);gap:32px}.header-left{display:flex;align-items:baseline;gap:28px}.header-right{display:flex;align-items:center;gap:18px}.brand-mark{font-family:Marcellus,serif;font-size:.72rem;letter-spacing:.45em;color:var(--gold);text-transform:uppercase}h1{font-family:Marcellus,"Noto Serif JP",serif;font-size:1.5rem;font-weight:400;letter-spacing:.14em;color:var(--navy);line-height:1.2}.subtitle{color:var(--navy-mute);font-size:.7rem;letter-spacing:.2em}.steps-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.steps-row>section:first-child{grid-column:1 / -1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:26px 26px 24px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column}.card-compact{padding:22px 30px}.step-label{font-family:Marcellus,serif;display:inline-block;font-size:.7rem;letter-spacing:.4em;color:var(--gold);margin-bottom:10px;text-transform:uppercase}h2{font-family:"Noto Serif JP",Marcellus,serif;font-size:1rem;font-weight:500;margin-bottom:16px;color:var(--navy);letter-spacing:.08em;display:flex;align-items:center;gap:10px}.heading-icon{width:16px;height:16px;color:var(--gold);stroke-width:1.5;flex-shrink:0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1;align-content:center}.choice-grid.nature-grid{grid-template-columns:repeat(6,1fr)}.choice-grid.volume-grid{grid-template-columns:repeat(3,1fr)}.choice-grid.voice-grid{grid-template-columns:repeat(4,1fr)}.voice-method-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.method-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .25s var(--easing);color:var(--navy-soft);font-family:inherit}.method-btn:hover{background:var(--bg-alt);border-color:var(--gold-soft)}.method-btn.selected{background:var(--bg-alt);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.method-label{font-size:.78rem;font-weight:500;letter-spacing:.1em;color:var(--navy)}.method-btn.selected .method-label{color:var(--gold)}.method-desc{font-size:.6rem;color:var(--navy-mute);letter-spacing:.04em}.card.disabled{opacity:.4;filter:grayscale(.6);pointer-events:none;transition:opacity .3s var(--easing),filter .3s var(--easing)}.card:not(.disabled){transition:opacity .3s var(--easing),filter .3s var(--easing)}.choice{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:14px 4px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .25s var(--easing);color:var(--navy-soft);font-family:inherit;min-height:96px;justify-content:center}.choice:hover:not(:disabled){background:var(--bg-alt);border-color:var(--gold-soft)}.choice.selected{background:var(--bg-alt);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.choice-icon{width:26px;height:26px;margin-bottom:3px;color:var(--navy);stroke-width:1.4;transition:color .25s var(--easing)}.choice.selected .choice-icon{color:var(--gold)}.choice-label{font-size:.85rem;font-weight:500;letter-spacing:.1em;color:var(--navy)}.choice-desc{font-size:.65rem;color:var(--navy-mute);letter-spacing:.05em;text-align:center;line-height:1.3}.primary-btn{width:100%;padding:16px;background:var(--navy);border:1px solid var(--navy);border-radius:2px;color:var(--bg);font-size:.88rem;font-weight:500;letter-spacing:.5em;text-indent:.5em;cursor:pointer;font-family:"Marcellus",inherit;transition:all .3s var(--easing);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}.primary-btn:hover:not(:disabled){background:var(--bg);color:var(--navy);letter-spacing:.6em;text-indent:.6em}.primary-btn:disabled{background:var(--navy-mute);border-color:var(--navy-mute);cursor:not-allowed;opacity:.7}.btn-icon{width:16px;height:16px;vertical-align:middle;margin-right:14px;color:currentColor;stroke-width:1.5}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;background:transparent;border:1px solid var(--gold);border-radius:2px;color:var(--gold);text-decoration:none;font-size:.72rem;letter-spacing:.22em;cursor:pointer;transition:all .3s var(--easing);font-family:"Marcellus",inherit;text-transform:uppercase}.secondary-btn:hover{background:var(--gold);color:#fff}.secondary-btn .btn-icon{margin-right:8px}.status{margin-top:12px;padding:10px;text-align:center;font-size:.74rem;color:var(--navy-mute);letter-spacing:.1em}.status.error{background:#fdf3f3;color:#b04a4a;border:1px solid #f5d0d0;border-radius:2px}.status.loading:after{content:"";display:inline-block;width:12px;height:12px;margin-left:10px;border:1px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.player{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:4px 0}.play-btn{width:44px;height:44px;border-radius:50%;background:var(--navy);border:1px solid var(--navy);color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s var(--easing);flex-shrink:0}.play-btn:hover{background:var(--bg);color:var(--navy)}.play-btn svg{width:18px;height:18px;stroke-width:1.5}.play-btn .icon-play{margin-left:2px}.player-progress{display:flex;flex-direction:column;gap:6px;min-width:0}.player-times{display:flex;align-items:center;justify-content:space-between;font-family:Marcellus,serif;font-size:.7rem;color:var(--navy-mute);letter-spacing:.1em}.loop-indicator-inline{display:inline-flex;align-items:center;font-family:Marcellus,serif;font-size:.62rem;color:var(--gold);letter-spacing:.3em;text-transform:uppercase}.indicator-icon{width:11px;height:11px;margin-right:6px;stroke-width:1.5}.player-volume{display:flex;align-items:center;gap:8px}.vol-btn{background:transparent;border:none;color:var(--navy-mute);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s var(--easing)}.vol-btn:hover{color:var(--navy)}.vol-btn svg{width:18px;height:18px;stroke-width:1.5}.vol-slider{width:90px}.player-dl{margin:0;padding:9px 18px;font-size:.72rem}.player-slider{-webkit-appearance:none;appearance:none;background:transparent;width:100%;height:18px;cursor:pointer;margin:0}.player-slider::-webkit-slider-runnable-track{height:2px;background:var(--border);border-radius:1px}.player-slider::-moz-range-track{height:2px;background:var(--border);border-radius:1px;border:none}.player-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--gold);border:1px solid var(--gold);margin-top:-5px;transition:transform .15s var(--easing)}.player-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.player-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--gold);border:1px solid var(--gold);cursor:pointer}.theme-switcher{display:flex;align-items:center;gap:6px}.theme-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);cursor:pointer;transition:all .2s var(--easing);padding:0;position:relative}.theme-btn:hover{transform:scale(1.1);border-color:var(--gold)}.theme-btn.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.theme-btn[data-theme-target=salon]{background:linear-gradient(135deg,#faf7f2 50%,#c9a86b 50%)}.theme-btn[data-theme-target=dark]{background:linear-gradient(135deg,#15191f 50%,#b8945a 50%)}.theme-btn[data-theme-target=spa]{background:linear-gradient(135deg,#f7f2ef 50%,#d8a6b8 50%)}.theme-btn[data-theme-target=forest]{background:linear-gradient(135deg,#f5f1e8 50%,#2d4a3e 50%)}.mode-link{font-family:Marcellus,serif;font-size:.7rem;letter-spacing:.3em;color:var(--gold);text-decoration:none;padding:4px 12px;border:1px solid var(--gold);border-radius:2px;transition:all .2s var(--easing)}.mode-link:hover{background:var(--gold);color:var(--bg)}.visualizer-area{display:flex;align-items:center;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.viz-thumb{width:240px;height:80px;background:var(--bg);border:1px solid var(--border);border-radius:4px;display:block;flex-shrink:0}.viz-controls{display:flex;align-items:center;gap:14px;flex:1;flex-wrap:wrap}.viz-style-grid{display:flex;gap:4px}.viz-style-btn{width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy-mute);transition:all .2s var(--easing);padding:0}.viz-style-btn:hover{border-color:var(--gold-soft);color:var(--navy)}.viz-style-btn.selected{border-color:var(--gold);color:var(--gold);background:var(--bg-alt)}.viz-style-btn svg{width:19px;height:19px}.viz-fs-btn{margin-left:auto;background:transparent;border:1px solid var(--gold);border-radius:3px;padding:7px 11px;cursor:pointer;color:var(--gold);display:flex;align-items:center;justify-content:center;transition:all .2s var(--easing)}.viz-fs-btn:hover{background:var(--gold);color:#fff}.viz-fs-btn svg{width:19px;height:19px}.viz-thumb:fullscreen{width:100vw;height:100vh;border:none;border-radius:0;background:#0f1726}.result-info{font-size:.7rem;color:var(--navy-mute);letter-spacing:.06em;text-align:center;margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.story-info{text-align:center;font-size:.78rem;color:var(--navy);margin-top:8px;letter-spacing:.08em;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.story-label{font-family:Marcellus,serif;font-size:.68rem;color:var(--gold);letter-spacing:.3em;text-transform:uppercase}.story-title{font-family:"Noto Serif JP",serif;font-weight:500}.hidden{display:none!important}footer{text-align:center;margin-top:auto;padding-top:22px;font-size:.7rem;color:var(--navy-mute);letter-spacing:.18em;border-top:1px solid var(--border)}footer a{color:inherit;text-decoration:none}footer code{background:var(--bg-card);padding:1px 6px;border-radius:2px;font-family:ui-monospace,SF Mono,monospace;font-size:.95em;color:var(--navy)}@media(max-width:1100px){.steps-row{grid-template-columns:1fr 1fr}}@media(max-width:720px){.container{padding:18px 14px}header{flex-direction:column;align-items:center;text-align:center;gap:8px;padding-bottom:14px}.header-left{flex-direction:column;align-items:center;gap:6px}.steps-row{grid-template-columns:1fr}.choice-grid,.choice-grid.nature-grid{grid-template-columns:repeat(3,1fr)}.choice-grid.voice-grid{grid-template-columns:repeat(4,1fr)}h1{font-size:1.4rem}.player{grid-template-columns:auto 1fr;gap:12px}.visualizer-area{flex-direction:column;align-items:stretch}.viz-thumb{width:100%}.viz-controls{justify-content:space-between}.viz-fs-btn{margin-left:0}}