:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f5;--surface:#fffefd;--surface-muted:#eef4f1;--text:#172124;--muted:#647174;--line:#d9e2dd;--accent:#246b5f;--accent-soft:#dcefeb;--attention:#7a5a16;--attention-soft:#f4ead1;--success:#266744;--success-soft:#ddf0e5;--danger:#9b3f35;--danger-soft:#f5dfdc;--shadow:0 22px 54px #182a2c1a}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #246b5f1f, transparent 34rem), var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Geist,Segoe UI,system-ui,-apple-system,sans-serif}body{min-height:100dvh}a{color:inherit}.shell{width:min(100%,1040px);margin:0 auto;padding:14px 12px 32px}.trip-frame,.empty-panel,.error-panel{box-shadow:var(--shadow);background:#fffefdf5;border:1px solid #3143451f}.trip-frame{border-radius:18px;overflow:hidden}.trip-frame.is-cancelled{border-color:#9b3f3538}.trip-hero{border-bottom:1px solid var(--line);gap:24px;padding:24px 18px;display:grid}.topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow,.section-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:760}.status-pill{background:var(--accent-soft);min-height:32px;color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;padding:7px 12px;font-size:13px;font-weight:760;display:inline-flex}.status-pill.attention{background:var(--attention-soft);color:var(--attention)}.status-pill.success{background:var(--success-soft);color:var(--success)}.status-pill.danger{background:var(--danger-soft);color:var(--danger)}.hero-stack{gap:12px;display:grid}.trip-title{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(31px,9vw,58px);font-weight:760;line-height:.98}.hero-lead{max-width:62ch;color:var(--muted);margin:0;font-size:16px;line-height:1.55}.hero-meta{grid-template-columns:1fr;gap:12px;display:grid}.meta-block{border:1px solid var(--line);background:var(--surface-muted);border-radius:14px;gap:5px;padding:14px;display:grid}.meta-block.primary{background:#e4f1ee}.meta-label,.detail-row dt,.summary-metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:720}.meta-value{font-size:18px;font-weight:760}.meta-note{color:var(--muted);font-size:14px}.state-notice{border-radius:14px;margin:0;padding:14px;line-height:1.5}.state-notice.confirmed{background:var(--success-soft);color:var(--success);border:1px solid #26674438}.state-notice.attention{background:var(--attention-soft);color:var(--attention);border:1px solid #7a5a163d}.state-notice.danger,.cancel-notice{background:var(--danger-soft);color:var(--danger);border:1px solid #9b3f3540}.trip-body{gap:22px;padding:20px 18px 24px;display:grid}.summary-band{border:1px solid var(--line);background:var(--line);border-radius:16px;gap:1px;display:grid;overflow:hidden}.summary-metric{background:var(--surface);gap:6px;padding:14px;display:grid}.summary-metric strong{font-variant-numeric:tabular-nums;font-size:18px}.section-grid{grid-template-columns:1fr;gap:16px;display:grid}.section{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:16px;min-width:0;padding:18px;display:grid}.section h2,.safe-note h2{letter-spacing:0;margin:4px 0 0;font-size:20px}.section-copy{color:var(--text);margin:0;line-height:1.58}.detail-list{gap:0;margin:0;display:grid}.detail-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;padding:12px 0;display:grid}.detail-row dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:680}.participant-list,.price-list,.content-list{border-top:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.participant-row,.price-row,.content-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:5px;padding:13px 0;display:grid}.participant-title,.price-row span:first-child,.content-list li{overflow-wrap:anywhere;min-width:0;font-weight:680}.text-group{gap:8px;display:grid}.text-group h3{color:var(--muted);letter-spacing:0;margin:0;font-size:14px}.participant-meta,.price-row span:last-child,.muted-copy{color:var(--muted);font-size:14px}.price-box{gap:14px;display:grid}.price-total{justify-content:space-between;align-items:baseline;gap:14px;padding-top:4px;display:flex}.price-total span{color:var(--muted);font-weight:720}.price-total strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:24px}.safe-note{background:#eef6f3;border:1px solid #246b5f29;border-radius:16px;gap:8px;padding:18px;display:grid}.safe-note p,.muted-copy{margin:0;line-height:1.55}.empty-panel,.error-panel{border-radius:18px;gap:14px;padding:26px 20px;display:grid}.empty-panel h1,.error-panel h1{letter-spacing:0;margin:0;font-size:clamp(28px,8vw,48px);line-height:1}.empty-panel p,.error-panel p{max-width:62ch;color:var(--muted);margin:0;line-height:1.6}.inline-code{border:1px solid var(--line);color:var(--text);background:#ffffffb3;border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,Consolas,monospace;font-size:.9em}.text-link{color:var(--accent);text-underline-offset:4px;justify-self:start;font-weight:740;text-decoration-thickness:2px}.skeleton{background:#dfe9e4;border-radius:12px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa3,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-kicker{width:120px;height:14px;margin:26px 20px 0}.skeleton-title{width:min(72%,520px);height:54px;margin:24px 20px 0}.skeleton-line{width:min(88%,680px);height:18px;margin:22px 20px 0}.skeleton-box{min-height:150px;margin:22px 20px}@keyframes shimmer{to{transform:translate(100%)}}@media (min-width:620px){.shell{padding:28px 20px 48px}.hero-meta,.summary-band{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-row,.price-row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px}}@media (min-width:840px){.shell{padding:44px 24px 64px}.trip-hero{padding:42px}.trip-body{padding:32px 42px 42px}.hero-meta{grid-template-columns:1.35fr .65fr}.summary-band{grid-template-columns:repeat(3,minmax(0,1fr))}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-section{grid-column:1/-1}.empty-panel,.error-panel{padding:42px}}
