:root{--petrol:#073f50;--petrol-2:#0b5a6d;--coral:#f36f57;--coral-dark:#d85542;--cream:#fff8eb;--paper:rgba(255,253,247,.94);--ink:#123b49;--muted:#687c82;--line:rgba(7,63,80,.12);--green:#23936a;--red:#bd403d;--shadow:0 18px 48px rgba(38,69,76,.13);--soft-shadow:0 10px 28px rgba(38,69,76,.1)}
*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(255,248,235,.46),rgba(255,248,235,.88)),url("japan-travel-bg.png") center top/cover fixed no-repeat,radial-gradient(circle at 12% 8%,#ffe1cf 0,transparent 30%),var(--cream)}button,input{font:inherit}.shell{width:min(100%,620px);margin:0 auto;padding:18px 16px 44px}.landing{display:grid;align-content:center;min-height:100svh;padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}
.hero-card,.card{background:var(--paper);border:1px solid rgba(255,255,255,.7);border-radius:30px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-card{position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-78px;top:-72px;background:rgba(243,111,87,.12);pointer-events:none}.brand{text-align:center;padding:2px 6px 12px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:900;letter-spacing:.16em;color:var(--coral-dark)}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral)}.brand h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,8vw,2.75rem);font-weight:700;letter-spacing:-.035em;margin:12px 0 6px;color:var(--petrol)}.brand p{max-width:430px;margin:0 auto}.route-mark{display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0 4px;color:var(--petrol-2)}.route-mark span{font-size:1.25rem}.route-mark i{width:42px;border-top:2px dashed rgba(11,90,109,.42)}
.ready-panel{position:relative;margin:16px 0 18px;padding:21px 18px 18px;border-radius:24px;background:linear-gradient(145deg,var(--petrol),#0b596a);color:#fff;text-align:center;box-shadow:0 14px 32px rgba(7,63,80,.22);overflow:hidden}.ready-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.22),transparent 55%);pointer-events:none}.ready-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 10px;border-radius:50%;background:#fff;color:var(--green);font-size:1.7rem;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.16)}.ready-panel strong{display:block;font-size:1.12rem}.ready-panel small{display:block;color:#cfe1e5;margin-top:4px}
h1{font-size:clamp(1.75rem,7vw,2.45rem);line-height:1.08;margin:12px 0;color:var(--petrol)}p{line-height:1.55;color:var(--muted)}.choice-grid{display:grid;gap:12px}.choice{position:relative;display:grid;grid-template-columns:54px 1fr 22px;align-items:center;gap:2px 12px;text-align:left;text-decoration:none;color:#fff;padding:18px;border:0;border-radius:20px;background:linear-gradient(135deg,var(--petrol-2),var(--petrol));box-shadow:var(--soft-shadow);transition:transform .18s ease,box-shadow .18s ease}.choice:after{content:"›";grid-column:3;grid-row:1/3;align-self:center;font-size:2rem;line-height:1}.choice.primary{background:linear-gradient(135deg,#ff8269,var(--coral-dark))}.choice:hover,.choice:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(38,69,76,.17)}.choice-icon{grid-row:1/3;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.17);font-size:1.55rem}.choice strong{font-size:1.04rem}.choice small{color:rgba(255,255,255,.78)}.privacy-note{text-align:center;font-size:.76rem;margin:16px 18px 0;color:#718086}
.topbar{height:56px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;text-align:center;font-weight:850;color:var(--petrol)}.topbar a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.74);font-size:1.45rem;color:var(--petrol);text-decoration:none;box-shadow:0 5px 15px rgba(38,69,76,.08)}.card{margin-top:14px}.hidden{display:none!important}label{display:grid;gap:7px;margin:18px 0 0;font-size:.84rem;font-weight:800;color:var(--ink)}input{width:100%;border:1px solid var(--line);border-radius:15px;background:#fff;padding:15px 16px;font-size:1rem;color:var(--ink);outline:none}input:focus{border-color:var(--coral);box-shadow:0 0 0 4px rgba(243,111,87,.13)}.button{width:100%;border:0;border-radius:17px;padding:16px;margin-top:16px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(38,69,76,.1)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:linear-gradient(135deg,#ff8269,var(--coral-dark));color:white}.button.secondary{background:#e8f3f3;color:var(--petrol)}.button.danger{background:#fff0ed;color:var(--red);border:1px solid #f2c9c2}.error{min-height:1.2em;color:var(--red);font-size:.86rem;margin-bottom:0}.codes{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-top:18px}.codes>div,.stats>div{background:linear-gradient(145deg,#eff8f6,#e4f1f1);padding:15px;border-radius:18px;border:1px solid rgba(7,63,80,.06)}.codes small,.stats small{display:block;font-size:.64rem;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.codes strong{font-size:1.65rem;letter-spacing:.12em;color:var(--petrol)}.status-row{display:flex;align-items:center;gap:9px;margin:20px 3px;color:var(--muted);font-size:.9rem}.dot{width:10px;height:10px;border-radius:50%;background:#aab3c1}.dot.on{background:var(--green);box-shadow:0 0 0 5px rgba(35,147,106,.13)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats strong{font-size:1rem;color:var(--petrol)}.section-title{display:flex;justify-content:space-between;align-items:center;font-weight:900;color:var(--petrol)}.live-badge{font-size:.65rem;color:white;background:var(--coral);padding:5px 9px;border-radius:999px;letter-spacing:.12em}.transcript{font-size:1.08rem;line-height:1.65;color:var(--ink);min-height:76px;max-height:260px;overflow:auto}.listening{text-align:center}.headphones{display:grid;place-items:center;width:82px;height:82px;margin:4px auto 12px;border-radius:50%;background:linear-gradient(145deg,#eaf6f4,#dceeed);font-size:2.8rem;box-shadow:inset 0 0 0 1px rgba(7,63,80,.05)}.equalizer{height:48px;display:flex;align-items:center;justify-content:center;gap:5px;margin:15px}.equalizer i{display:block;width:5px;height:18px;border-radius:9px;background:var(--coral);animation:wave .8s ease-in-out infinite alternate}.equalizer i:nth-child(2),.equalizer i:nth-child(4){animation-delay:.2s}.equalizer i:nth-child(3){animation-delay:.4s}@keyframes wave{to{height:44px}}@media(min-width:560px){.choice-grid{grid-template-columns:1fr 1fr}.choice{grid-template-columns:54px 1fr 18px}.shell{padding-top:30px}}@media(prefers-reduced-motion:reduce){.choice,.equalizer i{transition:none;animation:none}}