:root{--ink:#0d0a14;--ink-2:#120d20;--surface:#1a1428;--surface-2:#241c3a;--line:#342a52;--washi:#f5efe6;--muted:#a99fc4;--beni:#ff5d73;--sakura:#ffb7c5;--gold:#e8b45a;--indigo:#6c7bff;--teal:#5fd4c4;--sky:#7dd3fc;--violet:#c084fc;--font-display:"Noto Serif JP", "Hiragino Mincho ProN", serif;--font-body:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--washi);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;font-weight:700;line-height:1.15}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.muted{color:var(--muted);font-weight:400}.app{z-index:2;min-height:100vh;position:relative}.sakura-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0d0a14e6,#0d0a1400);justify-content:space-between;padding:1rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg, var(--beni), #c81e3a);color:#fff;border-radius:.5rem;place-items:center;width:2rem;height:2rem;font-size:1.1rem;display:inline-grid;box-shadow:0 4px 18px #ff5d7359}.brand-sub{font-family:var(--font-body);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:500}.btn{border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--beni), #d92645);color:#fff;box-shadow:0 6px 24px #ff5d7359}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 32px #ff5d738c}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{border:1px solid var(--line);color:var(--washi);background:#ffffff08}.btn-ghost:hover{background:#ffffff14}.btn-lg{padding:.95rem 2.2rem;font-size:1.05rem}.chip{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .85rem;font-size:.82rem;display:inline-flex}.card{background:linear-gradient(160deg, var(--surface) 0%, var(--ink-2) 100%);border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem;box-shadow:0 12px 40px #00000059}.hero{text-align:center;place-items:center;min-height:calc(100vh - 4.5rem);padding:2rem 1rem 8rem;display:grid;position:relative;overflow:hidden}.hero-sun{aspect-ratio:1;background:radial-gradient(circle at 50% 40%, #ff8a9b 0%, var(--beni) 45%, #c81e3a 100%);z-index:0;border-radius:50%;width:clamp(220px,34vw,420px);position:absolute;top:8%;left:50%;translate:-50%;box-shadow:0 0 120px 40px #ff5d7359,0 0 300px 120px #ff5d7326}.hero-fuji{z-index:1;width:100%;height:min(42vh,340px);position:absolute;bottom:0;left:0}.hero-content{z-index:3;max-width:780px;position:relative}.hero-kicker{letter-spacing:.35em;text-transform:uppercase;color:var(--sakura);margin-bottom:1.2rem;font-size:.85rem}.hero h1{text-shadow:0 4px 40px #0d0a14cc;font-size:clamp(2.6rem,7vw,5rem);font-weight:900}.hero-accent{background:linear-gradient(120deg, var(--sakura), var(--beni) 60%, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:560px;color:var(--muted);text-shadow:0 2px 20px #0d0a14e6;margin:1.4rem auto 2.2rem;font-size:1.08rem}.hero-stats{color:var(--muted);justify-content:center;align-items:center;gap:1.2rem;margin-top:3rem;font-size:.95rem;display:flex}.hero-stats strong{color:var(--washi);margin-right:.25rem;font-size:1.15rem}.hero-stats i{background:var(--beni);border-radius:50%;width:4px;height:4px}.quiz{max-width:900px;margin:0 auto;padding:2rem clamp(1rem,4vw,2rem) 5rem}.quiz-progress{justify-content:center;gap:.75rem;margin-bottom:3rem;display:flex}.quiz-dot{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.quiz-dot.active{border-color:var(--beni);color:var(--washi);background:#ff5d731f}.quiz-dot.done{border-color:var(--teal);color:var(--teal)}.quiz-dot:disabled{cursor:default;opacity:.6}.quiz-dot-num{background:var(--surface-2);border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-size:.75rem;font-weight:700;display:inline-grid}.quiz-step h2,.generating h2{text-align:center;font-size:clamp(1.8rem,4vw,2.6rem)}.quiz-hint{text-align:center;color:var(--muted);margin:.6rem 0 2.2rem}.quiz-group-label{color:var(--sakura);letter-spacing:.12em;text-transform:uppercase;margin:2rem 0 .9rem;font-size:1.05rem}.duration-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;display:grid}.style-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.interest-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;display:grid}.option-card,.interest-chip{border:1.5px solid var(--line);background:linear-gradient(160deg, var(--surface) 0%, var(--ink-2) 100%);text-align:left;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1.2rem;transition:all .18s;display:flex}.option-card:hover,.interest-chip:hover{border-color:var(--sakura);transform:translateY(-2px)}.option-card.selected,.interest-chip.selected{border-color:var(--beni);background:linear-gradient(160deg, #ff5d7329 0%, var(--ink-2) 100%);box-shadow:0 8px 30px #ff5d7333}.option-emoji{margin-bottom:.25rem;font-size:1.7rem}.option-range{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.option-desc{color:var(--muted);font-size:.85rem}.day-stepper{color:var(--muted);justify-content:center;align-items:center;gap:1rem;margin:1.8rem auto 0;display:flex}.day-stepper button{border:1px solid var(--line);border-radius:50%;width:2.6rem;height:2.6rem;font-size:1.3rem;transition:all .15s}.day-stepper button:hover{border-color:var(--beni);color:var(--beni)}.day-stepper strong{text-align:center;min-width:6.5rem;color:var(--washi);font-size:1.15rem}.quiz-nav{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.6rem;display:flex}.generating{text-align:center;padding:4rem 1rem}.generating-torii{font-size:4rem;animation:1.2s ease-in-out infinite torii-pulse}@keyframes torii-pulse{0%,to{filter:drop-shadow(0 0 #ff5d7300);transform:scale(1)}50%{filter:drop-shadow(0 0 24px #ff5d7399);transform:scale(1.12)}}.generating p{color:var(--muted);margin:.8rem 0 2rem}.generating-bar{background:var(--surface-2);border-radius:999px;max-width:380px;height:6px;margin:0 auto;overflow:hidden}.generating-bar-fill{background:linear-gradient(90deg, var(--sakura), var(--beni), var(--gold));border-radius:999px;height:100%}.results{max-width:1100px;margin:0 auto;padding:1rem clamp(1rem,4vw,2rem) 5rem}.results-hero{text-align:center;padding:2rem 0 3rem}.results-hero h2{font-size:clamp(2.2rem,5vw,3.4rem)}.results-sub{color:var(--sakura);font-family:var(--font-display);margin-top:.8rem;font-size:1.15rem}.results-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.2rem;display:flex}.results-total{flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,5vw,4rem);margin:2rem auto 0;display:flex}.results-total>div{flex-direction:column;display:flex}.results-total span{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}.results-total strong{font-family:var(--font-display);color:var(--gold);font-size:clamp(1.5rem,3.5vw,2.2rem)}.results-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem;display:flex}.results-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.results-grid{grid-template-columns:1fr}}.routemap h3,.costchart h3{margin-bottom:1rem}.routemap-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.routemap-legend{flex-wrap:wrap;gap:.9rem;display:flex}.legend-item{color:var(--muted);align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.legend-item i{border-radius:2px;width:14px;height:4px}.routemap-svg{width:100%;height:auto}.map-label{fill:var(--washi);font-family:var(--font-body);paint-order:stroke;stroke:var(--ink);stroke-width:4px;font-size:17px;font-weight:600}.map-label-sm{fill:var(--muted);paint-order:stroke;stroke:var(--ink);stroke-width:3px;font-size:13px}.routemap-caption{color:var(--muted);margin-top:.5rem;font-size:.78rem}.costchart-body{flex-direction:column;gap:1.2rem;display:flex}.donut-wrap{place-items:center;display:grid}.donut{width:min(220px,60vw)}.donut-total{fill:var(--washi);font-family:var(--font-display);font-size:22px;font-weight:700}.donut-sub{fill:var(--muted);font-size:13px}.cost-rows{flex-direction:column;gap:.7rem;display:flex}.cost-row{grid-template-columns:130px 1fr auto;align-items:center;gap:.8rem;font-size:.9rem;display:grid}.cost-row-label{color:var(--muted);align-items:center;gap:.4rem;display:flex}.cost-bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.cost-bar-fill{border-radius:999px;height:100%}.cost-row-val{text-align:right;white-space:nowrap}.cost-row-val .muted{margin-left:.3rem;font-size:.78rem}.cost-row-total{border-top:1px solid var(--line);grid-template-columns:1fr auto;padding-top:.7rem}.cost-note{color:var(--muted);margin-top:1.2rem;font-size:.78rem}.transport-section,.timeline-section{margin-top:3rem}.transport-section>h3,.timeline-section>h3{margin-bottom:1.2rem;font-size:1.6rem}.transport-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.transport-day{align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.9rem;display:flex}.leg-badge{border:1px solid var(--line);background:linear-gradient(160deg, var(--surface) 0%, var(--ink-2) 100%);border-left:4px solid var(--teal);border-radius:1rem;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;display:flex}.leg-shinkansen{border-left-color:var(--beni)}.leg-flight{border-left-color:var(--sky)}.leg-car{border-left-color:var(--gold)}.leg-bus{border-left-color:var(--violet)}.leg-icon{font-size:1.5rem;line-height:1.2}.leg-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.leg-info strong{font-size:.95rem}.leg-info span{color:var(--muted);font-size:.82rem}.leg-info em{color:var(--gold);font-size:.78rem;font-style:normal}.leg-cost{color:var(--washi);white-space:nowrap;font-weight:700}.timeline{flex-direction:column;gap:1.2rem;display:flex}.timeline-city{grid-template-columns:220px 1fr;align-items:center;gap:1.2rem;margin-top:1.4rem;display:grid}@media (width<=640px){.timeline-city{grid-template-columns:1fr}}.city-art{border:1px solid var(--line);border-radius:1rem;place-items:center;height:120px;display:grid;position:relative;overflow:hidden}.city-art-jp{font-family:var(--font-display);opacity:.85;text-shadow:0 4px 30px #0009;font-size:3.2rem;font-weight:900}.city-art-motif{opacity:.9;font-size:1.8rem;position:absolute;bottom:.5rem;right:.8rem}.timeline-city-info h3{margin-bottom:.3rem;font-size:1.5rem}.timeline-city-info p{color:var(--muted);margin-bottom:.5rem;font-size:.92rem}.chip-region{color:var(--sakura);border-color:#ffb7c559}.day-card{margin:.8rem 0 .8rem 1.4rem;position:relative}.day-card:before{content:"";background:var(--line);width:1.4rem;height:1px;position:absolute;top:1.6rem;left:-1.4rem}.day-head{flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:.9rem;display:flex}.day-num{letter-spacing:.08em;text-transform:uppercase;border:1.5px solid;border-radius:999px;padding:.25rem .8rem;font-size:.8rem;font-weight:700}.day-head h4{font-size:1.2rem}.day-note{color:var(--muted);margin:.6rem 0;font-size:.88rem}.activity-list{flex-direction:column;margin-top:.8rem;list-style:none;display:flex}.activity-list li{border-top:1px dashed var(--line);justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.activity-main{flex-direction:column;gap:.15rem;display:flex}.activity-desc{color:var(--muted);font-size:.84rem}.activity-meta{color:var(--muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.84rem;display:flex}.activity-meta span:last-child{color:var(--gold);font-weight:600}.results-footer{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;margin-top:4rem;display:flex}.results-footer .muted{max-width:560px;font-size:.85rem}.site-footer{z-index:2;text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:2.5rem 1rem;font-size:.85rem;position:relative}@media print{body{color:#111;background:#fff}body:before,.sakura-canvas,.topbar,.results-actions,.results-footer,.site-footer,.hero{display:none!important}.card,.leg-badge,.option-card{box-shadow:none;color:#111;background:#fff;border-color:#ccc}.results{max-width:100%}}