@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 8% -10%,#0778762e,#07787600),radial-gradient(circle at 100% 0%,#d97c0033,#d97c0000),#ecf2f4;color:#11253d;line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100vh;padding:.6rem 0}#root{width:min(100%,30rem);margin:0 auto;background:#f7fafc;min-height:calc(100vh - 1.2rem);border-radius:26px;overflow:clip;border:1px solid rgba(153,173,196,.34);box-shadow:0 25px 60px #102a422e}@media(max-width:540px){body{padding:0;background:#e9eff2}#root{width:100%;min-height:100vh;border-radius:0;border:0;box-shadow:none}}:root{--bg-page: #eff4f3;--bg-surface: #ffffff;--bg-soft: #edf4ff;--bg-soft-2: #f7f7ec;--ink-strong: #102a42;--ink-mid: #33506d;--ink-muted: #5f7894;--border: #d4deea;--accent: #0b7a75;--accent-2: #d97c00;--accent-3: #155eef;--danger: #c2410c;--ok: #127a44;--radius-xl: 18px;--radius-lg: 14px;--radius-sm: 10px;--shadow-soft: 0 12px 30px rgba(16, 42, 66, .1)}.hero{background:linear-gradient(150deg,#0f3b52,#135b6a 52%,#1b7a63);color:#f4fafc;padding:1.6rem 1.1rem 1.25rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -4rem -6rem auto;width:15rem;height:15rem;background:radial-gradient(circle,#f8b53a4d,#f8b53a00);pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;opacity:.72;font-weight:700}.hero h1{margin-top:.45rem;font-family:Fraunces,serif;font-size:clamp(1.55rem,4.5vw,2.05rem);line-height:1.1;max-width:16.8rem}.meta-line{margin-top:.5rem;font-size:.78rem;opacity:.9}.countdown-grid{margin-top:.85rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.count-tile{border-radius:var(--radius-sm);background:#08182145;border:1px solid rgba(219,243,255,.25);padding:.45rem .2rem;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.count-num{font-family:Space Mono,monospace;font-size:1.05rem;font-weight:700}.count-label{font-size:.58rem;letter-spacing:.06em;opacity:.8;text-transform:uppercase}.trip-state{margin-top:.9rem;padding:.5rem .7rem;border-radius:999px;width:fit-content;font-size:.74rem;font-weight:700}.trip-state.live{color:#ddfff0;background:#08583e73;border:1px solid rgba(156,245,206,.35)}.trip-state.done{color:#e4f4ff;background:#0a2b4580;border:1px solid rgba(174,223,250,.28)}.clock-bar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem;padding:.58rem .6rem;background:#ebf2fbeb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clock-pill{background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;padding:.32rem .62rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.clock-pill span{font-size:.62rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.clock-pill strong{font-family:Space Mono,monospace;font-size:.72rem;color:var(--ink-strong)}.fx-strip{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.2rem 0 0}.fx-strip span{font-size:.72rem;color:var(--ink-muted);font-weight:700}.fx-strip strong{font-family:Space Mono,monospace;font-size:.76rem;color:var(--ink-strong);background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;padding:.14rem .44rem}.tab-row{position:sticky;top:2.98rem;z-index:39;display:flex;gap:.35rem;overflow-x:auto;padding:.62rem .75rem .58rem;background:#eff4f3f2;border-bottom:1px solid var(--border)}.tab-row::-webkit-scrollbar{display:none}.tab-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--ink-mid);border-radius:999px;padding:.48rem .82rem;font-size:.76rem;font-weight:700;white-space:nowrap;cursor:pointer}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#f7fffd}.content-wrap{padding:.78rem}.static-stack{display:grid;gap:.58rem}.day-pills{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.15rem}.day-pills::-webkit-scrollbar{display:none}.day-pill{border:1px solid var(--border);background:var(--bg-surface);color:var(--ink-mid);border-radius:var(--radius-sm);min-width:3rem;padding:.35rem .42rem;cursor:pointer;display:grid;text-align:center}.day-pill .num{font-family:Space Mono,monospace;font-size:1.01rem;line-height:1}.day-pill.active{background:#fdf3e6;border-color:#f3c07a;color:#7d4b0a}.view-toggle-row{margin-top:.62rem;display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.view-toggle{border:0;background:var(--bg-surface);color:var(--ink-muted);padding:.44rem .74rem;font-size:.73rem;font-weight:700;cursor:pointer}.view-toggle.active{background:#d7f3ed;color:#0c645f}.cards-stack{display:grid;gap:.65rem;margin-top:.7rem}.day-card,.transit-card,.info-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.day-card{padding:.82rem}.day-header{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center}.day-num{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid;display:grid;place-items:center;font-family:Space Mono,monospace;font-weight:700}.day-header h2{font-size:1rem;color:var(--ink-strong)}.day-date{margin-top:.13rem;font-size:.72rem;color:var(--ink-muted)}.day-region{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.day-summary{margin-top:.64rem;display:flex;gap:.5rem;flex-wrap:wrap}.day-summary span{font-size:.67rem;color:var(--ink-mid);border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);padding:.24rem .52rem}.hotel-strip{margin-top:.66rem;border:1px solid #dde9fa;background:linear-gradient(140deg,#f9fcff,#eef5ff);border-radius:var(--radius-lg);padding:.58rem .68rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.hotel-name{font-size:.76rem;font-weight:800;color:#083355}.hotel-ref{font-size:.67rem;color:#2467a6;font-weight:700;text-align:right}.hotel-sub{font-size:.66rem;color:var(--ink-muted)}.timeline-list{margin-top:.66rem;display:grid;gap:.5rem}.timeline-item,.transit-card{animation:riseIn .48s ease both;animation-delay:calc(var(--stagger, 0) * 38ms)}.timeline-item{display:grid;grid-template-columns:2.4rem 2rem 1fr;gap:.48rem;border:1px solid #e3ecf7;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fbfdff,#f6f9fd);padding:.55rem}.timeline-time{font-family:Space Mono,monospace;font-size:.68rem;color:var(--ink-mid);padding-top:.3rem}.timeline-icon{width:1.62rem;height:1.62rem;border-radius:.52rem;display:grid;place-items:center;font-size:.92rem}.timeline-icon.train,.timeline-icon.plane{background:#dce8ff}.timeline-icon.bus{background:#dcf6ee}.timeline-icon.car,.timeline-icon.taxi{background:#ffeacc}.timeline-icon.bed{background:#f7e6d4}.timeline-icon.walk,.timeline-icon.mosque{background:#def5d9}.timeline-icon.food,.timeline-icon.hot{background:#ffe6d5}.timeline-icon.alert{background:#ffe0de}.timeline-main h3{color:var(--ink-strong);font-size:.86rem;line-height:1.2}.timeline-main p{color:var(--ink-mid);font-size:.72rem;margin-top:.13rem;line-height:1.35}.transport-meta{margin-top:.44rem;border-radius:.65rem;border:1px solid #cfe1f3;background:#f2f8ff;padding:.44rem}.transport-route{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.68rem;color:#104e84;font-weight:700}.arrow{color:#6b8aa7}.transit-chips{display:flex;flex-wrap:wrap;gap:.24rem;margin-top:.34rem}.chip{border-radius:999px;border:1px solid #c6d9ef;padding:.15rem .45rem;font-size:.61rem;color:#1f4d74;background:#f6faff;font-weight:700}.chip.status{border-color:transparent}.chip.status.pending{background:#fff4d7;color:#8a5100}.chip.status.booked{background:#daf6df;color:#0f693b}.chip.status.onsite{background:#e4ecff;color:#15419d}.transport-note{margin-top:.36rem;font-size:.67rem;color:#345b83}.transport-actions{margin-top:.26rem;display:flex;flex-wrap:wrap;gap:.38rem}.transport-link{display:inline-block;font-size:.7rem;color:#0b58bd;font-weight:700;text-decoration:none}.transport-link:hover{text-decoration:underline}.transit-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-soft);padding:.52rem;text-align:center}.stat-card span{display:block;font-size:.62rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.stat-card strong{margin-top:.2rem;display:block;color:var(--ink-strong);font-family:Space Mono,monospace;font-size:1rem}.stat-card.warn{background:var(--bg-soft-2);border-color:#ecd9a7}.mode-filters{margin-top:.66rem;display:flex;gap:.34rem;overflow-x:auto;padding-bottom:.2rem}.mode-filters::-webkit-scrollbar{display:none}.mode-chip{border:1px solid var(--border);background:var(--bg-surface);color:var(--ink-mid);padding:.36rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;white-space:nowrap}.mode-chip.active{background:#154f80;border-color:#154f80;color:#eff8ff}.transit-card{padding:.72rem}.transit-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.transit-top p{font-size:.7rem;color:var(--ink-mid);font-weight:700}.transit-top span{font-family:Space Mono,monospace;font-size:.64rem;color:var(--ink-muted)}.transit-card h3{margin-top:.3rem;color:var(--ink-strong);font-size:.9rem}.route-line{margin-top:.2rem;color:#2f5f8a;font-size:.74rem;font-weight:600}.section-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#45607c;font-weight:800;margin-top:.25rem}.info-card{padding:.72rem}.info-card h4{color:var(--ink-strong);font-size:.9rem;display:flex;justify-content:space-between;gap:.5rem}.info-card h4 span{font-size:.65rem;color:#48607a;background:#eef4fb;border-radius:999px;padding:.18rem .45rem;height:fit-content}.subdued{margin-top:.2rem;color:var(--ink-muted);font-size:.7rem}.grid-two{margin-top:.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.grid-two p{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.38rem .42rem;background:#f9fcff}.grid-two label{display:block;font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted)}.grid-two strong{margin-top:.1rem;display:block;font-size:.71rem;color:var(--ink-strong)}.grid-two .full-row{grid-column:1 / -1}.info-card.notice{background:#fff8ea;border-color:#f0d8a8}.action-row{border:1px solid var(--border);border-radius:var(--radius-lg);padding:.58rem .68rem;background:#f8fcff;display:flex;justify-content:space-between;gap:.5rem;align-items:center}.action-row h4{font-size:.78rem;color:var(--ink-strong)}.action-row p{margin-top:.15rem;font-size:.66rem;color:var(--ink-muted)}.action-row a,.quick-link span{font-size:.68rem;font-weight:700;color:#0b58bd;text-decoration:none}.cost-block+.cost-block{margin-top:.65rem}.cost-cat{font-size:.66rem;color:#45607c;text-transform:uppercase;font-weight:800;letter-spacing:.07em}.cost-row,.total-row{display:flex;justify-content:space-between;gap:.5rem;margin-top:.36rem;font-size:.75rem}.cost-row span{color:var(--ink-mid)}.total-row{margin-top:.75rem;border-top:1px solid var(--border);padding-top:.55rem;font-size:.84rem;color:var(--ink-strong)}.quick-link{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-soft);padding:.58rem .66rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-decoration:none}.quick-link h4{color:#164370;font-size:.78rem}.quick-link p{margin-top:.16rem;color:var(--ink-muted);font-size:.67rem}.tip-card,.phrase-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-soft);padding:.62rem}.tip-card h4{color:#0d4f75;font-size:.82rem}.tip-card p{margin-top:.2rem;color:var(--ink-mid);font-size:.72rem}.phrase-card .kana{font-size:1.02rem;color:var(--ink-strong);font-weight:800}.phrase-card .jp{margin-top:.12rem;color:#355f84;font-size:.68rem}.phrase-card .en{margin-top:.16rem;color:var(--ink-muted);font-size:.72rem}.app-footer{color:#5f7994;text-align:center;padding:1rem .75rem 1.4rem;font-size:.7rem}.lock-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(150deg,#0f3b52,#135b6a 52%,#1b7a63);padding:1.5rem}.lock-card{text-align:center;color:#f4fafc;width:100%;max-width:16rem}.lock-flag{font-size:2.8rem;line-height:1}.lock-card h2{margin-top:.6rem;font-family:Fraunces,serif;font-size:1.6rem}.lock-sub{margin-top:.4rem;font-size:.76rem;opacity:.7}.lock-input{margin-top:1.2rem;width:100%;text-align:center;font-family:Space Mono,monospace;font-size:1.6rem;letter-spacing:.6em;padding:.6rem;border:1px solid rgba(219,243,255,.3);border-radius:var(--radius-sm);background:#08182159;color:#f4fafc;outline:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lock-input::placeholder{color:#dbf3ff59;letter-spacing:.5em}.lock-input:focus{border-color:#dbf3ff8c}.lock-btn{margin-top:.8rem;width:100%;padding:.6rem;border:none;border-radius:var(--radius-sm);background:#ffffff26;color:#f4fafc;font-weight:700;font-size:.82rem;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lock-btn:hover{background:#ffffff40}.lock-error{margin-top:.6rem;color:#fca5a5;font-size:.74rem;font-weight:700}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:540px){.hero{padding:1.8rem 1.3rem 1.35rem}.tab-row{justify-content:center}.content-wrap{padding:1rem}.timeline-item{grid-template-columns:2.7rem 2.1rem 1fr}}