:root{--ivory:#f4f0e7;--green:#53665a;--ink:#17303c;--blue:#3d7f9e;--red:#b62f3a;--gold:#c89b4b;--sage:#d6ded3}*{box-sizing:border-box}html{background:var(--ivory)}body{margin:0;color:var(--ink);background:var(--ivory);font-family:Arial,Helvetica,sans-serif}button{font:inherit}main{min-height:100vh;max-width:1180px;margin:0 auto;padding:28px 28px 48px}.masthead{display:flex;justify-content:space-between;align-items:center;padding:8px 0 26px;border-bottom:1px solid rgba(23,48,60,.18)}.brand{font-weight:800;letter-spacing:.35em;font-size:14px}.journey-mark{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.03em}.taipei-word{color:var(--blue)}.tokyo-word{color:var(--red)}.cross{color:var(--gold);font-size:25px;line-height:1}.clock-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:end;padding:62px 0 44px}.eyebrow{margin:0 0 8px;font-size:12px;font-weight:900;letter-spacing:.18em}.clock-panel h1{margin:0;font-size:clamp(42px,7vw,82px);line-height:.95;letter-spacing:-.045em}.clock{margin:14px 0 0;color:var(--gold);font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.timezone{border-left:4px solid var(--green);padding-left:18px;display:grid;gap:5px}.timezone span,.timezone small{color:#66736c;font-size:12px}.timezone strong{overflow-wrap:anywhere}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.plan-card{position:relative;min-height:420px;padding:32px;background:#fffdf8;border:1px solid rgba(23,48,60,.12);box-shadow:0 18px 50px rgba(23,48,60,.08)}.card-topline{position:absolute;inset:0 0 auto;height:8px;background:var(--blue)}.plan-card.tokyo .card-topline{background:var(--red)}.card-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.date-label{margin:0;color:#66736c;font-size:13px;font-weight:700}.city-pill{border:1px solid currentColor;border-radius:99px;padding:6px 9px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.14em}.tokyo .city-pill{color:var(--red)}.plan-card h2{max-width:440px;margin:44px 0 28px;font-size:clamp(29px,4vw,46px);line-height:.98;letter-spacing:-.035em}.plan-card ol{margin:0;padding:0;list-style:none;counter-reset:stop}.plan-card li{counter-increment:stop;display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px 0;border-top:1px solid rgba(23,48,60,.12);font-weight:700}.plan-card li:before{content:"0" counter(stop);color:var(--gold);font-size:11px;line-height:1.7}.note{margin:28px 0 0;color:#596760;font-family:Georgia,serif;font-size:15px;line-height:1.55}.date-machine{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center;margin-top:24px;padding:28px 32px;color:#fffdf8;background:var(--green)}.date-machine h3{margin:0;font-size:20px}.date-controls{display:grid;gap:14px}.jump-buttons{display:flex;flex-wrap:wrap;gap:9px}.jump-buttons button{min-height:42px;padding:0 16px;color:#fffdf8;background:transparent;border:1px solid rgba(255,255,255,.36);border-radius:3px;cursor:pointer;font-size:12px;font-weight:900;letter-spacing:.035em}.jump-buttons button:hover,.jump-buttons button.active{color:var(--ink);background:var(--gold);border-color:var(--gold)}.date-links{display:flex;flex-wrap:wrap;gap:7px}.date-link{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:0 11px;color:var(--sage);border-bottom:2px solid rgba(214,222,211,.3);text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.05em}.date-link:hover,.date-link.active{color:#fffdf8;border-bottom-color:var(--gold)}footer{display:flex;justify-content:space-between;gap:16px;padding:26px 2px 0;color:#6e7b74;font-size:10px;font-weight:800;letter-spacing:.11em}@media(max-width:720px){main{padding:20px 16px 34px}.masthead{padding-bottom:18px}.clock-panel{grid-template-columns:1fr;gap:24px;padding:44px 0 30px}.clock-panel h1{font-size:49px}.plans{grid-template-columns:1fr}.plan-card{min-height:0;padding:28px 24px}.date-machine{grid-template-columns:1fr;padding:25px 22px}footer{flex-direction:column}}@media(max-width:410px){.journey-mark{gap:7px;font-size:12px}.brand{letter-spacing:.22em}.clock-panel h1{font-size:42px}}