.gt-shell {
  --gt-panel: #13283b;
  --gt-panel-2: #0b1d2c;
  --gt-line: #456077;
  --gt-text: #f7fbff;
  --gt-muted: #c0cfdb;
  --gt-teal: #6de5d6;
  --gt-sky: #a9c9ff;
  width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 0 42px;
  color: var(--gt-text); font-family: inherit;
}
.gt-shell * { box-sizing: border-box; }
.gt-shell button, .gt-shell input, .gt-shell select, .gt-shell textarea { font: inherit; }
.gt-hero {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center;
  margin-bottom: 18px; padding: 24px 26px; border: 1px solid #3d6479;
  border-radius: 20px; background: linear-gradient(125deg, #123b46, #142b49);
  box-shadow: 0 16px 40px rgba(0, 6, 16, .28);
}
.gt-hero-nav { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: -3px; }
.gt-hero-nav button { border: 0; padding: 0; color: #b9cfdf; background: transparent; font-size: 12px; font-weight: 750; cursor: pointer; }
.gt-hero-nav button:hover { color: #fff; }
.gt-hero-nav span { color: #9fb7c8; font-size: 12px; }
.gt-hero-copy h2 { margin: 5px 0 6px; color: #fff; font-size: clamp(22px, 2.5vw, 34px); line-height: 1.15; }
.gt-hero-copy p { margin: 0; color: #d7e4ed; font-size: 14px; }
.gt-kicker { color: var(--gt-teal); font-size: 12px; font-weight: 850; letter-spacing: .14em; }
.gt-hero-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.gt-btn {
  min-height: 42px; border: 1px solid #5b7892; border-radius: 10px; padding: 9px 14px;
  color: #f5f9fc; background: #183750; font-size: 13px; font-weight: 750; cursor: pointer;
}
.gt-btn:hover { border-color: #91b3cf; background: #214762; }
.gt-btn-primary { color: #062329; border-color: #7de9dc; background: #7de9dc; }
.gt-btn-primary:hover { border-color: #a4f1e8; background: #a4f1e8; }
.gt-btn-danger { color: #ffd8dc; border-color: #865565; background: #432938; }
.gt-btn-danger:hover { border-color: #be7184; background: #5a3244; }
.gt-library-hero {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 18px; padding: 24px 26px;
  border: 1px solid #3d6479; border-radius: 20px; background: linear-gradient(125deg, #123b46, #142b49); box-shadow: 0 16px 40px rgba(0, 6, 16, .28);
}
.gt-library-hero h2 { margin: 5px 0 6px; color: #fff; font-size: clamp(25px, 3vw, 36px); }
.gt-library-hero p { margin: 0; color: #d2e0ea; font-size: 14px; }
.gt-library-panel { padding: 0; overflow: hidden; }
.gt-library-tabs { display: flex; gap: 4px; padding: 12px; border-bottom: 1px solid #3c586e; background: #0d2232; }
.gt-library-tabs button { min-height: 42px; border: 1px solid transparent; border-radius: 9px; padding: 8px 14px; color: #b8cad7; background: transparent; font-size: 13px; font-weight: 800; cursor: pointer; }
.gt-library-tabs button b { display: inline-grid; min-width: 21px; min-height: 21px; place-items: center; margin-left: 6px; border-radius: 99px; color: #adc2d1; background: #203b4e; font-size: 10px; }
.gt-library-tabs button.active { border-color: #4a7188; color: #f7fbfe; background: #1a3b50; }
.gt-library-tabs button.active b { color: #062329; background: #7de9dc; }
.gt-library-list { padding: 14px; }
.gt-library-list-head, .gt-library-row { display: grid; grid-template-columns: 130px minmax(170px, 1.05fr) minmax(210px, 1.35fr) 105px 145px 220px; gap: 0; align-items: stretch; }
.gt-library-list-head { min-height: 34px; padding: 0 10px; color: #92aabd; font-size: 11px; font-weight: 800; }
.gt-library-row { margin-top: -1px; border: 1px solid #3e5a70; background: #102536; }
.gt-library-row:nth-child(odd) { background: #142a3b; }
.gt-library-row:first-of-type { border-radius: 10px 10px 0 0; }
.gt-library-row:last-child { border-radius: 0 0 10px 10px; }
.gt-library-row > div { display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: 3px; padding: 13px 11px; border-right: 1px solid #355168; color: #dbe7ee; font-size: 12px; line-height: 1.45; }
.gt-library-row > div:last-child { border-right: 0; }
.gt-library-cell { display: grid; min-width: 0; gap: 3px; }
.gt-library-row b { color: #f7fbfe; font-size: 12px; }
.gt-library-row small { color: #9fb3c2; font-size: 11px; }
.gt-library-row-action { align-items: stretch; }
.gt-library-row-action .gt-library-cell { grid-template-columns: minmax(62px, 1fr) auto auto; align-items: center; gap: 4px; }
.gt-library-row-action .gt-btn { width: 100%; min-height: 38px; padding: 7px 9px; }
.gt-library-empty { display: grid; min-height: 260px; place-items: center; align-content: center; gap: 8px; padding: 30px; color: #b8cad7; text-align: center; }
.gt-library-empty b { color: #fff; font-size: 18px; }
.gt-library-empty span { margin-bottom: 8px; font-size: 13px; }
.gt-template-list { display: grid; gap: 9px; padding: 14px; }
.gt-template-row { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .8fr) 126px; gap: 20px; align-items: stretch; padding: 17px; border: 1px solid #3e5b71; border-radius: 12px; background: #102536; }
.gt-template-row.selected { border-color: #68d9cc; background: #14353e; box-shadow: inset 3px 0 #6de5d6; }
.gt-template-summary { display: grid; align-content: start; gap: 0; min-width: 0; border-radius: 8px; cursor: pointer; outline: none; }
.gt-template-summary:hover h3 { color: #a9fff4; }
.gt-template-summary:focus-visible { box-shadow: 0 0 0 3px rgba(109, 229, 214, .2); }
.gt-template-summary > span { color: var(--gt-teal); font-size: 11px; font-weight: 850; }
.gt-template-row h3 { margin: 4px 0 5px; color: #fff; font-size: 16px; }
.gt-template-row p { margin: 0; color: #c5d5df; font-size: 12px; line-height: 1.5; }
.gt-template-row p.gt-template-route { color: #d5e2ea; font-weight: 720; }
.gt-template-row p.gt-template-intro { display: -webkit-box; margin-top: 8px; overflow: hidden; color: #aebfcb; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.gt-template-summary > small { margin-top: 10px; color: #9fd8ef; font-size: 10px; font-weight: 750; }
.gt-template-includes { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.gt-template-includes span { max-width: 100%; overflow: hidden; border: 1px solid #405f73; border-radius: 99px; padding: 5px 8px; color: #c8d8e2; background: #142d3f; font-size: 9px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.gt-template-card-themes { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 8px; color: #a8bbc8; font-size: 9px; }
.gt-template-card-themes b { margin-right: 2px; color: #8de8dd; font-size: 9px; }
.gt-template-card-themes span { border-left: 1px solid #4b6476; padding-left: 6px; }
.gt-template-meta { display: grid; align-content: center; gap: 7px; min-width: 0; padding-left: 18px; border-left: 1px solid #38566b; color: #d5e2ea; font-size: 11px; }
.gt-template-meta small { color: #98afbf; }
.gt-template-meta > b { color: #fff; font-size: 14px; font-variant-numeric: tabular-nums; }
.gt-template-budget-glance { display: flex; flex-wrap: wrap; gap: 4px; }
.gt-template-budget-glance span { border: 1px solid #456176; border-radius: 6px; padding: 4px 6px; color: #cedce5; background: #173247; font-size: 9px; white-space: nowrap; }
.gt-template-actions { display: grid; align-content: center; justify-items: stretch; gap: 6px; min-width: 120px; }
.gt-template-actions .gt-text-btn { color: #bed7e8; }
.gt-template-actions > span { color: #829aa9; font-size: 9px; text-align: center; }
.gt-btn-selected { color: #05272b; border-color: #7de9dc; background: #7de9dc; }
.gt-template-note { margin: 4px 3px 0; color: #9fb2c0; font-size: 11px; }
.gt-template-section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 24px 14px 0; padding: 18px 2px 11px; border-top: 1px solid #3b5264; }
.gt-template-section-head > div { display: grid; gap: 4px; min-width: 0; }
.gt-template-section-head span { color: var(--gt-teal); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.gt-template-section-head h3 { margin: 0; color: #fff; font-size: 21px; line-height: 1.3; }
.gt-template-section-head p { max-width: 560px; margin: 0; color: #aebfcb; font-size: 13px; line-height: 1.65; text-align: right; }
.gt-template-toolbar { padding: 13px 14px 0; }
.gt-template-regions { display: flex; flex-wrap: wrap; gap: 6px; }
.gt-template-regions button { min-height: 34px; border: 1px solid #456278; border-radius: 99px; padding: 6px 12px; color: #bcd0dc; background: #102638; font-size: 11px; font-weight: 800; cursor: pointer; }
.gt-template-regions button.active { color: #08282c; border-color: #7de9dc; background: #7de9dc; }
.gt-combination-empty { display: flex; align-items: center; gap: 10px; margin: 12px 14px 0; padding: 13px 15px; border: 1px dashed #4d6e83; border-radius: 11px; color: #aebfca; background: #0c2131; font-size: 12px; }
.gt-combination-empty b { color: #f5fafc; }
.gt-combination { display: grid; gap: 11px; margin: 12px 14px 0; padding: 14px; border: 1px solid #5b8b90; border-radius: 12px; background: linear-gradient(125deg, #12343d, #112b40); }
.gt-combination-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.gt-combination-head > div { display: grid; gap: 3px; }
.gt-combination-head span { color: #98e6dd; font-size: 11px; font-weight: 800; }
.gt-combination-head b { color: #fff; font-size: 14px; }
.gt-combination-head small { color: #a9bfca; font-size: 10px; line-height: 1.5; }
.gt-combination ol { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; }
.gt-combination li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 8px; min-height: 48px; border: 1px solid #4c7184; border-radius: 9px; padding: 6px 7px; color: #eef7fa; background: #112b3d; font-size: 11px; }
.gt-combination li.fixed { border-color: #806caa; background: linear-gradient(125deg, #182e41, #272a44); }
.gt-combination li > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #062329; background: #7de9dc; font-size: 10px; font-weight: 900; }
.gt-combination li > b { display: grid; gap: 2px; min-width: 0; }
.gt-combination li > b small { color: #8ddfd6; font-size: 8px; font-weight: 750; }
.gt-combination-controls { display: flex; gap: 2px; }
.gt-combination li .gt-combination-controls button { width: 27px; height: 27px; border: 0; border-radius: 6px; color: #c8dce7; background: #223e50; cursor: pointer; }
.gt-combination li button:disabled { opacity: .35; cursor: default; }
.gt-template-priority { display: grid; grid-template-columns: auto 46px; align-items: center; gap: 5px; color: #a9bfca; font-size: 10px; }
.gt-template-priority select { min-height: 29px; border: 1px solid #4e7185; border-radius: 7px; padding: 3px 6px; color: #eff8fb; background: #173246; font-family: inherit; font-size: 11px; font-weight: 800; line-height: 1.2; }
.gt-template-fixed { display: grid; gap: 2px; min-width: 76px; border: 1px solid #806ca7; border-radius: 7px; padding: 5px 7px; color: #eee7ff; background: #332e4d; font-style: normal; }
.gt-template-fixed b { color: #f4eeff; font-size: 10px; }
.gt-template-fixed small { color: #bdb0df; font-size: 9px; white-space: nowrap; }
.gt-combination > p { margin: 0; color: #c3d7e1; font-size: 11px; line-height: 1.55; }
.gt-combination > small { color: #9db4c2; font-size: 10px; }
.gt-combination-warning { color: #ffd39a; font-size: 11px; }
.gt-template-preview-overlay { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 24px; }
.gt-template-preview-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(3, 10, 17, .78); backdrop-filter: blur(5px); cursor: default; }
.gt-template-preview-sheet { position: relative; display: grid; gap: 18px; width: min(1080px, 100%); max-height: min(880px, calc(100vh - 48px)); overflow: auto; border: 1px solid #5b7b91; border-radius: 18px; padding: 22px; color: #edf6fa; background: #0d2030; box-shadow: 0 28px 90px rgba(0, 0, 0, .62); overscroll-behavior: contain; }
.gt-template-preview-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid #38566b; }
.gt-template-preview-head > div { min-width: 0; }
.gt-template-preview-head span { color: var(--gt-teal); font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.gt-template-preview-head h3 { margin: 5px 0 6px; color: #fff; font-size: clamp(22px, 3vw, 30px); line-height: 1.2; }
.gt-template-preview-head p { margin: 0; color: #c6d7e1; font-size: 13px; line-height: 1.55; }
.gt-template-preview-close { flex: 0 0 auto; width: 42px; height: 42px; border: 1px solid #527087; border-radius: 10px; color: #d8e6ee; background: #183348; font-size: 23px; line-height: 1; cursor: pointer; }
.gt-template-preview-close:hover, .gt-template-preview-close:focus-visible { border-color: #83dcd1; color: #fff; outline: none; }
.gt-template-preview-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #3e5d72; border-radius: 11px; background: #102739; }
.gt-template-preview-kpis article { display: grid; align-content: start; gap: 5px; min-width: 0; padding: 13px 14px; border-right: 1px solid #3a576c; }
.gt-template-preview-kpis article:last-child { border-right: 0; }
.gt-template-preview-kpis span, .gt-template-preview-kpis small { color: #92aaba; font-size: 10px; }
.gt-template-preview-kpis b { color: #fff; font-size: 14px; line-height: 1.35; }
.gt-template-preview-section { display: grid; gap: 11px; }
.gt-template-preview-section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.gt-template-preview-section-title span { color: var(--gt-teal); font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.gt-template-preview-section-title h4 { margin: 3px 0 0; color: #fff; font-size: 17px; }
.gt-template-preview-section-title > small { color: #91a8b7; font-size: 10px; }
.gt-template-preview-section-title > a { border-bottom: 1px solid #4d7f89; color: #9beadf; font-size: 10px; text-decoration: none; }
.gt-template-preview-section-title > a:hover, .gt-template-preview-section-title > a:focus-visible { color: #fff; outline: none; }
.gt-template-local-copy { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(250px, .75fr); gap: 18px; align-items: center; padding: 16px; border: 1px solid #467083; border-radius: 12px; background: linear-gradient(125deg, #12353e, #122a42); }
.gt-template-local-copy > p { margin: 0; color: #e2edf2; font-size: 13px; line-height: 1.75; }
.gt-template-local-copy > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.gt-template-local-copy span { border: 1px solid #518091; border-radius: 99px; padding: 6px 9px; color: #d6e8ed; background: rgba(8, 28, 39, .48); font-size: 10px; }
.gt-template-theme-tabs { display: flex; flex-wrap: wrap; gap: 7px; }
.gt-template-theme-tabs button { min-height: 38px; border: 1px solid #4a687d; border-radius: 9px; padding: 8px 13px; color: #bfd0da; background: #142b3d; font-size: 11px; font-weight: 800; cursor: pointer; }
.gt-template-theme-tabs button:hover { border-color: #70a79f; color: #fff; }
.gt-template-theme-tabs button.active { color: #062529; border-color: #7de9dc; background: #7de9dc; }
.gt-template-theme-detail { display: grid; grid-template-columns: minmax(210px, .7fr) minmax(0, 1.3fr); gap: 16px; padding: 14px 15px; border: 1px solid #4b687c; border-radius: 11px; background: #10283a; }
.gt-template-theme-detail > div { padding-right: 15px; border-right: 1px solid #3e5b70; }
.gt-template-theme-detail > div span { color: #82e0d5; font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.gt-template-theme-detail > div p { margin: 5px 0 0; color: #d2e0e8; font-size: 11px; line-height: 1.65; }
.gt-template-theme-detail ol { display: grid; gap: 7px; margin: 0; padding: 0; counter-reset: theme-pick; list-style: none; }
.gt-template-theme-detail li { position: relative; min-height: 30px; padding: 7px 9px 7px 36px; border: 1px solid #3c596f; border-radius: 7px; color: #e2edf2; background: #162f42; font-size: 10px; line-height: 1.5; counter-increment: theme-pick; }
.gt-template-theme-detail li::before { position: absolute; top: 7px; left: 9px; display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; content: counter(theme-pick); color: #062329; background: #74dace; font-size: 9px; font-weight: 900; }
.gt-template-place-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.gt-template-place-grid article { display: grid; align-content: start; min-width: 0; padding: 13px 14px; border: 1px solid #405f74; border-radius: 10px; background: #122a3c; }
.gt-template-place-grid article > span { color: #8de8dd; font-size: 9px; font-weight: 850; letter-spacing: .04em; }
.gt-template-place-grid h5 { margin: 5px 0 4px; color: #fff; font-size: 13px; }
.gt-template-place-grid p { margin: 0; color: #b9cad5; font-size: 10px; line-height: 1.6; }
.gt-template-budget-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.gt-template-budget-list article { display: grid; gap: 7px; padding: 10px 11px; border: 1px solid #3f5d72; border-radius: 9px; background: #132b3d; }
.gt-template-budget-list article > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.gt-template-budget-list span { color: #aebfca; font-size: 9px; }
.gt-template-budget-list b { color: #fff; font-size: 10px; font-variant-numeric: tabular-nums; }
.gt-template-budget-list i { display: block; height: 4px; overflow: hidden; border-radius: 99px; background: #263f52; }
.gt-template-budget-list i span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #54d8ca, #7faeff); }
.gt-template-budget-list article.pending { border-style: dashed; }
.gt-template-budget-list article.pending b { color: #ffd199; }
.gt-template-scope-note { margin: 0; padding: 11px 12px; border: 1px solid #46677c; border-radius: 9px; color: #b7c9d4; background: #10283a; font-size: 10px; line-height: 1.6; }
.gt-template-scope-note b { color: #eaf4f8; }
.gt-template-preview-days { display: grid; gap: 8px; }
.gt-template-preview-day { overflow: hidden; border: 1px solid #3f5c71; border-radius: 10px; background: #112739; }
.gt-template-preview-day > header { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #3a566b; background: #193449; }
.gt-template-preview-day > header span { color: #8de8dd; font-size: 10px; font-weight: 800; }
.gt-template-preview-day > header b { color: #fff; font-size: 12px; }
.gt-template-day-places { display: grid; grid-template-columns: 95px minmax(0, 1fr); align-items: center; gap: 9px; padding: 8px 12px; border-bottom: 1px solid #365166; background: #0e2b31; }
.gt-template-day-places > b { color: #8de8dd; font-size: 9px; }
.gt-template-day-places > div { display: flex; flex-wrap: wrap; gap: 5px; }
.gt-template-day-places span { border: 1px solid #47746e; border-radius: 99px; padding: 4px 7px; color: #ddf3ef; background: #173b38; font-size: 9px; }
.gt-template-preview-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gt-template-preview-plans > div { min-width: 0; padding: 11px 12px; border-right: 1px solid #365166; }
.gt-template-preview-plans > div:last-child { border-right: 0; }
.gt-template-preview-plans > div.plan-a { background: #153a36; }
.gt-template-preview-plans span { color: #93acc0; font-size: 9px; font-weight: 850; }
.gt-template-preview-plans .plan-a span { color: #8de8dd; }
.gt-template-preview-plans p { margin: 4px 0 0; color: #dce8ee; font-size: 11px; line-height: 1.55; }
.gt-template-preview-day > footer { display: grid; grid-template-columns: 1.35fr 1fr; gap: 14px; padding: 9px 12px; border-top: 1px solid #365166; color: #adbfca; background: #0d2131; font-size: 10px; line-height: 1.5; }
.gt-template-preview-day > footer b { margin-right: 7px; color: #e7f0f5; }
.gt-template-preview-actions { position: sticky; bottom: -22px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 9px; margin: 0 -22px -22px; padding: 14px 22px; border-top: 1px solid #46657b; background: rgba(13, 32, 48, .96); backdrop-filter: blur(12px); }
.gt-template-preview-actions > div { display: grid; gap: 3px; }
.gt-template-preview-actions > div b { color: #fff; font-size: 12px; }
.gt-template-preview-actions > div span { color: #9eb3c1; font-size: 10px; }
.gt-f1-promo { display: grid; grid-template-columns: 86px minmax(0, 1fr) minmax(250px, 330px); gap: 18px; align-items: center; margin: 14px 14px 0; overflow: hidden; border: 1px solid #6a5361; border-radius: 14px; padding: 18px; background: radial-gradient(circle at 12% 20%, rgba(195, 62, 76, .16), transparent 34%), linear-gradient(125deg, #1b2533, #12283b); }
.gt-f1-promo-mark { display: grid; width: 78px; height: 78px; place-items: center; align-content: center; border: 1px solid #8d5260; border-radius: 16px; color: #fff; background: #3b202c; box-shadow: inset 0 0 30px rgba(217, 73, 88, .12); }
.gt-f1-promo-mark span { font-size: 26px; font-weight: 950; font-style: italic; letter-spacing: -.08em; }
.gt-f1-promo-mark b { color: #e6a0a8; font-size: 10px; letter-spacing: .16em; }
.gt-f1-promo-copy > span { color: #e99aa4; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.gt-f1-promo-copy h3 { margin: 5px 0 7px; color: #fff; font-size: 18px; line-height: 1.3; }
.gt-f1-promo-copy p { margin: 0; color: #bccbd5; font-size: 11px; line-height: 1.65; }
.gt-f1-promo-next { display: grid; gap: 4px; padding-left: 18px; border-left: 1px solid #4e5262; }
.gt-f1-promo-next span { color: #d88e98; font-size: 9px; font-weight: 850; }
.gt-f1-promo-next b { color: #fff; font-size: 14px; }
.gt-f1-promo-next small { margin-bottom: 6px; color: #aebfcb; font-size: 10px; }
.gt-f1-overlay { position: fixed; z-index: 1250; inset: 0; display: grid; place-items: center; padding: 20px; }
.gt-f1-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(3, 8, 14, .82); backdrop-filter: blur(6px); }
.gt-f1-sheet { position: relative; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; width: min(1280px, 100%); max-height: calc(100vh - 40px); overflow: hidden; border: 1px solid #665b6c; border-radius: 18px; color: #edf5f8; background: #0b1d2c; box-shadow: 0 30px 100px rgba(0, 0, 0, .7); }
.gt-f1-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 22px 16px; border-bottom: 1px solid #3d4c5d; background: linear-gradient(120deg, rgba(103, 35, 48, .55), #12273a 52%); }
.gt-f1-head span { color: #ee9ca7; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.gt-f1-head h2 { margin: 5px 0 5px; color: #fff; font-size: clamp(21px, 3vw, 29px); }
.gt-f1-head p { margin: 0; color: #bdccd6; font-size: 11px; }
.gt-f1-close { flex: 0 0 auto; width: 42px; height: 42px; border: 1px solid #6a6573; border-radius: 10px; color: #e8edf1; background: #263042; font-size: 23px; cursor: pointer; }
.gt-f1-filters { display: flex; gap: 6px; overflow-x: auto; padding: 10px 12px; border-bottom: 1px solid #34475a; background: #0e2232; scrollbar-width: thin; }
.gt-f1-filters button { flex: 0 0 auto; min-height: 32px; border: 1px solid #465e71; border-radius: 99px; padding: 5px 11px; color: #bacbd6; background: #142a3a; font-size: 10px; font-weight: 800; cursor: pointer; }
.gt-f1-filters button.active { color: #fff; border-color: #b65d69; background: #67313d; }
.gt-f1-layout { display: grid; grid-template-columns: 310px minmax(0, 1fr); min-height: 0; overflow: hidden; }
.gt-f1-calendar { display: grid; align-content: start; gap: 6px; min-height: 0; overflow: auto; padding: 10px; border-right: 1px solid #354a5c; background: #091926; scrollbar-width: thin; }
.gt-f1-race { display: grid; gap: 3px; width: 100%; border: 1px solid #344d61; border-radius: 9px; padding: 10px 11px; color: #dce8ed; background: #11283a; text-align: left; cursor: pointer; }
.gt-f1-race:hover { border-color: #6c7887; background: #162f43; }
.gt-f1-race.active { border-color: #a95b66; background: #332432; box-shadow: inset 3px 0 #cf6675; }
.gt-f1-race > span { color: #9bb1bf; font-size: 8px; font-weight: 800; }
.gt-f1-race > b { color: #fff; font-size: 11px; }
.gt-f1-race > small { overflow: hidden; color: #aebfca; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.gt-f1-race > i { color: #df8995; font-size: 8px; font-style: normal; font-weight: 850; }
.gt-f1-detail { min-width: 0; overflow: auto; padding: 16px 18px 20px; scrollbar-width: thin; }
.gt-f1-detail > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.gt-f1-detail > header span { color: #e9919c; font-size: 9px; font-weight: 850; }
.gt-f1-detail > header h3 { margin: 4px 0; color: #fff; font-size: 21px; }
.gt-f1-detail > header p { margin: 0; color: #bdccd6; font-size: 11px; }
.gt-f1-detail > header a { flex: 0 0 auto; color: #9edfd8; font-size: 10px; text-decoration: none; }
.gt-f1-mode-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 15px; }
.gt-f1-mode-tabs button { display: grid; gap: 2px; border: 1px solid #40596e; border-radius: 9px; padding: 10px; color: #b8cad5; background: #11283a; text-align: left; cursor: pointer; }
.gt-f1-mode-tabs button b { color: #edf5f8; font-size: 11px; }
.gt-f1-mode-tabs button span { font-size: 9px; }
.gt-f1-mode-tabs button.active { border-color: #ab5b67; background: #3a2634; }
.gt-f1-mode-tabs button.active b { color: #ffd7dc; }
.gt-f1-mode-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 10px; overflow: hidden; border: 1px solid #3b5367; border-radius: 10px; background: #102638; }
.gt-f1-mode-summary > div { display: grid; gap: 4px; min-width: 0; padding: 10px 11px; border-right: 1px solid #344e62; border-bottom: 1px solid #344e62; }
.gt-f1-mode-summary > div:nth-child(2n) { border-right: 0; }
.gt-f1-mode-summary > div:nth-last-child(-n+2) { border-bottom: 0; }
.gt-f1-mode-summary span { color: #8fa8b8; font-size: 8px; font-weight: 800; }
.gt-f1-mode-summary b { color: #e8f1f5; font-size: 10px; line-height: 1.5; }
.gt-f1-alert { margin: 10px 0 0; border: 1px solid #826a49; border-radius: 8px; padding: 9px 11px; color: #f1d6a8; background: #302a24; font-size: 9px; line-height: 1.55; }
.gt-f1-itinerary { display: grid; gap: 7px; margin-top: 14px; }
.gt-f1-itinerary-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.gt-f1-itinerary-head span { color: #e9919c; font-size: 8px; font-weight: 850; }
.gt-f1-itinerary-head h4 { margin: 3px 0 0; color: #fff; font-size: 14px; }
.gt-f1-itinerary-head small { color: #93a9b8; font-size: 8px; }
.gt-f1-itinerary > article { overflow: hidden; border: 1px solid #395267; border-radius: 9px; background: #102638; }
.gt-f1-itinerary article > header { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 10px; padding: 8px 10px; border-bottom: 1px solid #344e62; background: #183247; }
.gt-f1-itinerary article > header span { color: #ef9aa5; font-size: 8px; font-weight: 800; }
.gt-f1-itinerary article > header b { color: #fff; font-size: 9px; }
.gt-f1-itinerary article > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gt-f1-itinerary article p { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 5px; margin: 0; padding: 9px; border-right: 1px solid #344e62; color: #cbd9e1; font-size: 9px; line-height: 1.55; }
.gt-f1-itinerary article p:last-child { border-right: 0; }
.gt-f1-itinerary article p span { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #fff; background: #70404a; font-size: 8px; font-weight: 900; }
.gt-f1-itinerary article > footer { padding: 7px 10px; border-top: 1px solid #344e62; color: #91a8b7; background: #0b2030; font-size: 8px; }
.gt-f1-pack-actions { position: sticky; bottom: -20px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; margin: 15px -18px -20px; padding: 12px 18px; border-top: 1px solid #40576a; background: rgba(11, 29, 44, .96); backdrop-filter: blur(10px); }
.gt-f1-pack-actions > div { display: grid; gap: 2px; }
.gt-f1-pack-actions b { color: #fff; font-size: 10px; }
.gt-f1-pack-actions span { color: #9fb2bf; font-size: 8px; }
.gt-f1-source { display: flex; justify-content: space-between; gap: 16px; padding: 10px 13px; border-top: 1px solid #34485a; color: #8fa5b3; background: #0a1a28; font-size: 8px; }
.gt-f1-source a { color: #91d9d1; text-decoration: none; }
.gt-f1-empty { display: grid; min-height: 300px; place-items: center; color: #9fb1bd; }
.gt-library-hero > div { min-width: 0; }
.gt-library-hero p { max-width: 980px; }
.gt-trash-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 14px 0; }
.gt-trash-toolbar > div { display: grid; gap: 3px; }
.gt-trash-toolbar b { color: #f6fbfe; font-size: 15px; }
.gt-trash-toolbar span { color: #b9cad5; font-size: 12px; line-height: 1.55; }
.gt-trash-list { display: grid; gap: 9px; padding: 14px; }
.gt-trash-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 17px; border: 1px solid #425f74; border-radius: 10px; background: #102536; }
.gt-trash-row span, .gt-trash-row small { color: #9eb4c3; font-size: 11px; }
.gt-trash-row h3 { margin: 4px 0; color: #fff; font-size: 15px; }
.gt-trash-row p { margin: 0 0 4px; color: #cedce5; font-size: 12px; }
.gt-trash-actions { display: flex; flex: 0 0 auto; gap: 8px; }
.gt-new-trip-panel { max-width: 980px; width: 100%; margin: 0 auto; }
.gt-new-trip-panel .gt-panel-title > small { color: #b6c9d6; font-size: 11px; }
.gt-new-trip-form { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 12px; }
.gt-new-trip-form label { display: grid; gap: 6px; color: #d5e1e9; font-size: 12px; font-weight: 750; }
.gt-new-trip-form .members-field { grid-column: span 2; }
.gt-new-trip-form label small, .gt-trip-form label small { color: #98adbb; font-size: 10px; font-weight: 500; }
.gt-template-preview { grid-column: 1 / -1; display: grid; gap: 5px; padding: 13px 14px; border: 1px solid #47687e; border-radius: 10px; color: #d9e6ed; background: #0d2232; }
.gt-template-preview span { color: var(--gt-teal); font-size: 11px; font-weight: 800; }
.gt-template-preview b { color: #fff; font-size: 13px; }
.gt-template-preview small { color: #aabfcd; font-size: 11px; }
.gt-save-line { grid-column: 1 / -1; display: flex; align-items: center; gap: 9px; padding-top: 15px; border-top: 1px solid #37556b; color: #c1d0dc; font-size: 12px; }
.gt-save-line b { color: #f2f7fb; font-size: 12px; }
.gt-save-line > span:last-child { margin-left: 8px; padding-left: 16px; border-left: 1px solid #49677e; }
.gt-save-dot { width: 8px; height: 8px; border-radius: 50%; background: #9eb0bf; box-shadow: 0 0 0 4px rgba(158, 176, 191, .14); }
.gt-save-dot.online { background: var(--gt-teal); box-shadow: 0 0 0 4px rgba(109, 229, 214, .14); }
.gt-main { display: grid; gap: 16px; }
.gt-panel { padding: 21px; border: 1px solid var(--gt-line); border-radius: 17px; background: var(--gt-panel); box-shadow: 0 12px 30px rgba(0, 5, 14, .22); }
.gt-panel-title { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.gt-panel-title span { color: var(--gt-teal); font-size: 12px; font-weight: 850; letter-spacing: .08em; }
.gt-panel-title h3 { margin: 4px 0 0; color: #fff; font-size: 19px; }
.gt-title-actions { align-items: flex-start; }
.gt-map-shell { display: grid; gap: 10px; }
.gt-map-mode-bar { display: none; align-items: flex-start; justify-content: space-between; gap: 12px; }
.gt-map-mode-copy { display: grid; gap: 4px; }
.gt-map-mode-copy b { color: #fff; font-size: 14px; }
.gt-map-mode-bar p { margin: 0; color: #a7bcc9; font-size: 12px; line-height: 1.6; }
.gt-map-interaction-toggle { display: none; min-height: 44px; white-space: nowrap; }
.gt-map-viewport { position: relative; height: clamp(340px, 38vw, 470px); overflow: hidden; border: 1px solid #49677d; border-radius: 12px; background: #0a1a27; cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; overscroll-behavior: contain; isolation: isolate; }
.gt-map-viewport.dragging { cursor: grabbing; }
.gt-map-scene, .gt-map-tiles, .gt-map-overlay, .gt-map-markers { position: absolute; inset: 0; }
.gt-map-scene { will-change: transform; }
.gt-map-tiles img { position: absolute; width: 256px; height: 256px; max-width: none; user-select: none; filter: brightness(.67) saturate(.68) contrast(1.12); }
.gt-map-viewport::after { position: absolute; inset: 0; z-index: 2; content: ""; pointer-events: none; background: linear-gradient(rgba(6, 20, 30, .1), rgba(4, 16, 25, .24)); }
.gt-map-overlay { z-index: 3; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.gt-map-route-line { fill: none; stroke: #5ee2d3; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; paint-order: stroke; filter: drop-shadow(0 1px 3px rgba(0, 14, 18, .88)); }
.gt-map-marker-leader { stroke: rgba(225, 239, 244, .8); stroke-width: 1.5; stroke-dasharray: 3 3; }
.gt-map-markers { z-index: 4; pointer-events: none; }
.gt-map-marker { position: absolute; display: grid; justify-items: center; border: 0; padding: 0; color: #fff; background: transparent; transform: translate(-50%, -16px); pointer-events: auto; cursor: pointer; }
.gt-map-marker i { display: grid; min-width: 32px; height: 32px; place-items: center; border: 2px solid #8ce9df; border-radius: 99px 99px 99px 6px; padding: 0 7px; color: #effffc; background: #0d3344; box-shadow: 0 3px 12px rgba(0, 15, 23, .72), 0 0 0 2px rgba(109, 229, 214, .18); font-size: 11px; font-style: normal; font-weight: 900; transform: rotate(-45deg); }
.gt-map-marker i span { transform: rotate(45deg); }
.gt-map-marker.grouped i { min-width: 34px; border-color: #a3f2e9; background: #173f4b; }
.gt-map-marker.grouped i span { letter-spacing: .02em; }
.gt-map-marker.active i { border-color: #ffd18c; color: #18120b; background: #e4aa5d; box-shadow: 0 4px 18px rgba(226, 170, 94, .62), 0 0 0 4px rgba(226, 170, 94, .2); }
.gt-map-marker.active b { color: #fff4df; background: rgba(48, 31, 15, .94); }
.gt-map-marker b { max-width: 150px; margin-top: 5px; border-radius: 4px; padding: 3px 6px; color: #fff; background: rgba(5, 22, 33, .88); box-shadow: 0 1px 4px rgba(0, 0, 0, .4); font-size: 11px; line-height: 1.2; white-space: nowrap; }
.gt-map-loading { position: absolute; z-index: 1; inset: 0; display: grid; place-items: center; color: #c7d6df; background: #0b1d2b; font-size: 12px; }
.gt-map-loading[hidden] { display: none; }
.gt-map-controls { position: absolute; z-index: 7; top: 12px; right: 12px; display: grid; overflow: hidden; border: 1px solid #526c7d; border-radius: 9px; background: #0a2232; box-shadow: 0 4px 14px rgba(0, 7, 13, .45); }
.gt-map-controls button { width: 38px; height: 36px; border: 0; border-bottom: 1px solid #486276; color: #f5fbfe; background: #17364a; font-size: 18px; font-weight: 800; cursor: pointer; }
.gt-map-controls button:last-child { border-bottom: 0; font-size: 12px; }
.gt-map-controls button:hover { background: #244a60; }
.gt-map-attribution { position: absolute; z-index: 7; right: 8px; bottom: 6px; border-radius: 4px; padding: 3px 6px; color: #b9c9d4; background: rgba(5, 21, 31, .88); font-size: 9px; }
.gt-map-attribution a { color: #d9e7ee; }
.gt-map-popup { position: absolute; z-index: 8; left: 13px; bottom: 34px; width: min(340px, calc(100% - 76px)); max-height: calc(100% - 60px); overflow: auto; border: 1px solid #5a7a90; border-radius: 11px; padding: 14px; color: #e7f0f5; background: rgba(8, 29, 43, .96); box-shadow: 0 12px 30px rgba(0, 5, 12, .55); cursor: default; }
.gt-map-popup[hidden] { display: none; }
.gt-map-popup > span { color: var(--gt-teal); font-size: 10px; font-weight: 850; }
.gt-map-popup h4 { margin: 3px 28px 9px 0; color: #fff; font-size: 16px; }
.gt-map-popup-orders { margin: -4px 0 10px; color: #bfd0da; font-size: 11px; line-height: 1.5; }
.gt-map-popup article { padding: 9px 0; border-top: 1px solid #3b5669; }
.gt-map-popup article b, .gt-map-popup article small { display: block; }
.gt-map-popup article b { color: #a9c9df; font-size: 10px; }
.gt-map-popup article p { margin: 4px 0; color: #f5f8fa; font-size: 12px; }
.gt-map-popup article small { color: #adc0cc; font-size: 10px; }
.gt-map-popup-close { position: absolute; top: 8px; right: 9px; border: 0; color: #dbe7ed; background: transparent; font-size: 20px; cursor: pointer; }
.gt-map-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px; color: #b9cbd7; font-size: 11px; }
.gt-map-foot > div { display: flex; align-items: center; gap: 12px; }
.gt-map-foot a { color: #a9c9ff; }
.gt-map-foot .gt-text-btn { padding: 0; color: #7de9dc; }
.gt-map-policy { margin: -3px 0 0; color: #8fa6b6; font-size: 10px; line-height: 1.45; }
.gt-map-viewport.tile-failed .gt-map-tiles { opacity: .15; }
.gt-members, .gt-route-tools { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.gt-members > span { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 4px 9px 4px 7px; border: 1px solid #96eee4; border-radius: 99px; color: #062329; background: var(--gt-teal); font-size: 11px; font-weight: 850; }
.gt-members b { color: #062329; font-size: 12px; }
.gt-day-strip { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(160px, 1fr); gap: 9px; margin-top: 12px; overflow-x: auto; padding-bottom: 3px; }
.gt-day-card { min-width: 160px; border: 1px solid #405e76; border-radius: 10px; padding: 12px; color: inherit; background: #193349; font: inherit; text-align: left; cursor: pointer; }
.gt-day-card:hover { border-color: #6f91a9; background: #214057; }
.gt-day-card span, .gt-day-card b, .gt-day-card small { display: block; }
.gt-day-card span { color: var(--gt-sky); font-size: 11px; }
.gt-day-card b { margin-top: 3px; color: #fff; font-size: 16px; }
.gt-day-card p { min-height: 34px; margin: 8px 0; color: #e3edf4; font-size: 12px; line-height: 1.4; }
.gt-day-card small { color: #bacbd7; font-size: 11px; }

.gt-budget-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.gt-budget-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #49677d; border-radius: 11px; background: #0d2130; }
.gt-budget-kpis > div { display: grid; gap: 4px; padding: 15px; border-right: 1px solid #3b596e; }
.gt-budget-kpis > div:last-child { border-right: 0; }
.gt-budget-kpis span, .gt-budget-kpis small { color: #9fb5c4; font-size: 10px; }
.gt-budget-kpis b { color: #fff; font-size: clamp(17px, 2vw, 23px); font-variant-numeric: tabular-nums; }
.gt-budget-kpis b.over { color: #ffb4bc; }
.gt-budget-form, .gt-expense-form, .gt-time-form { margin-top: 14px; padding: 15px; border: 1px solid #56748a; border-radius: 11px; background: #0a1c2b; }
.gt-budget-inputs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.gt-budget-form label, .gt-expense-form > label, .gt-time-form > label { display: grid; gap: 6px; color: #d8e5ec; font-size: 11px; font-weight: 750; }
.gt-budget-form label small { color: #8da3b2; font-size: 9px; font-weight: 500; }
.gt-budget-categories { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; margin-top: 12px; }
.gt-budget-categories article { display: grid; gap: 4px; min-width: 0; padding: 11px 10px; border: 1px solid #3e5c71; border-radius: 9px; background: #183247; }
.gt-budget-categories article.pending { border-style: dashed; border-color: #826a49; background: #2b2928; }
.gt-budget-categories article.pending b { color: #f2d39f; }
.gt-budget-categories span, .gt-budget-categories small { color: #a9becc; font-size: 9px; }
.gt-budget-categories b { color: #f5fafc; font-size: 11px; font-variant-numeric: tabular-nums; }
.gt-budget-section { margin-top: 19px; padding-top: 17px; border-top: 1px solid #405c71; }
.gt-subhead { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.gt-subhead span { color: var(--gt-teal); font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.gt-subhead h4 { margin: 3px 0 0; color: #fff; font-size: 15px; }
.gt-subhead > b { color: #fff; font-size: 16px; }
.gt-subhead > small { color: #9eb2c0; font-size: 10px; }
.gt-expense-form { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.gt-expense-form .gt-expense-label { grid-column: span 2; }
.gt-participants { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 0; border: 1px solid #405f75; border-radius: 9px; padding: 11px; }
.gt-participants legend { padding: 0 6px; color: #bcd0dc; font-size: 10px; font-weight: 800; }
.gt-participants label { display: grid; grid-template-columns: 18px minmax(60px, 1fr); align-items: center; gap: 7px; min-height: 38px; border: 1px solid #3f5e73; border-radius: 8px; padding: 7px 8px; color: #e9f1f5; background: #153045; font-size: 11px; }
.gt-participants input[type="checkbox"] { width: 16px; min-height: 16px; padding: 0; accent-color: #6de5d6; }
.gt-participants .gt-custom-share { display: none; grid-column: 1 / -1; min-height: 34px; }
.gt-expense-form[data-split="custom"] .gt-custom-share { display: block; }
.gt-form-help { grid-column: 1 / -1; margin: 0; color: #9eb2c0; font-size: 10px; }
.gt-expense-table { overflow: hidden; border: 1px solid #456278; border-radius: 10px; background: #102536; }
.gt-expense-head, .gt-expense-row { display: grid; grid-template-columns: minmax(190px, 1.3fr) minmax(160px, 1fr) 115px minmax(170px, 1fr) 90px; }
.gt-expense-head { color: #94aaba; background: #1e394d; font-size: 10px; font-weight: 850; }
.gt-expense-head span { padding: 9px 10px; border-right: 1px solid #405d72; }
.gt-expense-row { border-top: 1px solid #38566b; }
.gt-expense-row:nth-child(odd) { background: #142b3c; }
.gt-expense-row > div { display: grid; align-content: center; gap: 3px; min-width: 0; padding: 10px; border-right: 1px solid #38566b; color: #dce7ed; font-size: 11px; }
.gt-expense-row > div:last-child, .gt-expense-head span:last-child { border-right: 0; }
.gt-expense-row b { color: #fff; font-size: 11px; }
.gt-expense-row small { color: #91a8b7; font-size: 9px; }
.gt-expense-row > div:nth-child(3) b { font-size: 13px; font-variant-numeric: tabular-nums; }
.gt-ledger-actions { display: grid; justify-items: start; gap: 2px; }
.gt-ledger-actions .gt-text-btn { padding: 1px 0; color: #8ee9dd; font-size: 10px; text-align: left; }
.gt-linked { color: #8ee9b4; font-size: 10px; font-weight: 750; }
.gt-budget-empty { min-height: 58px; border: 1px dashed #4d687c; border-radius: 9px; padding: 17px; color: #aebfca; background: #0d2130; font-size: 11px; text-align: center; }
.gt-settlement { margin-top: 17px; padding-top: 17px; border-top: 1px solid #405c71; }
.gt-settlement-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 8px; }
.gt-settlement-grid article { display: grid; gap: 5px; padding: 12px; border: 1px solid #456278; border-radius: 9px; background: #183247; }
.gt-settlement-grid span, .gt-settlement-grid small { color: #a9bdca; font-size: 10px; }
.gt-settlement-grid b { color: #eaf3f7; font-size: 13px; }
.gt-settlement-grid b.receive { color: #8ee9b4; }
.gt-settlement-grid b.pay { color: #ffbec5; }
.gt-transfer-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.gt-transfer-list > span { border: 1px solid #4b687e; border-radius: 99px; padding: 7px 10px; color: #c9d8e1; background: #102638; font-size: 10px; }
.gt-transfer-list b { color: #fff; }
.gt-time-form { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.gt-time-form .gt-time-label { grid-column: span 2; }
.gt-time-list { display: grid; gap: 7px; }
.gt-time-list article { display: grid; grid-template-columns: minmax(0, 1fr) 95px minmax(160px, auto); align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #405e74; border-radius: 9px; background: #122a3c; }
.gt-time-list article > div { display: grid; gap: 3px; }
.gt-time-list b, .gt-time-list span, .gt-time-list small { display: block; }
.gt-time-list b { color: #f4f9fb; font-size: 11px; }
.gt-time-list span { color: #d1e0e8; font-size: 11px; }
.gt-time-list small { color: #92a9b8; font-size: 9px; }
.gt-time-list strong { color: #fff; font-size: 12px; text-align: right; }
.gt-time-list article > div:last-child { display: flex; justify-content: flex-end; gap: 4px; }
.gt-budget-note { margin: 15px 0 0; color: #92a8b6; font-size: 10px; line-height: 1.55; }

.gt-plan-panel { overflow: hidden; }
.gt-table-note { display: none; margin: -3px 0 9px; color: #d2dee7; font-size: 11px; }
.gt-plan-table-wrap { max-height: min(68vh, 720px); overflow: auto; border: 1px solid #49677d; border-radius: 11px; background: #0d2130; box-shadow: inset 0 0 0 1px #263f52; }
.gt-plan-table { width: 100%; min-width: 1470px; border-collapse: separate; border-spacing: 0; table-layout: fixed; color: #dbe6ed; background: #102332; font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif; font-size: 13px; line-height: 1.5; }
.gt-plan-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.gt-plan-table col.date { width: 112px; }
.gt-plan-table col.period { width: 108px; }
.gt-plan-table col.place { width: 155px; }
.gt-plan-table col.plan { width: 205px; }
.gt-plan-table col.transport { width: 250px; }
.gt-plan-table col.stay { width: 165px; }
.gt-plan-table col.actions { width: 88px; }
.gt-plan-table th {
  position: sticky; z-index: 4; top: 0; padding: 11px 10px; border-right: 1px solid #476176; border-bottom: 2px solid #5b7385;
  color: #e5eef4; background: #243b4d; font-size: 12px; font-weight: 850; text-align: left; vertical-align: bottom;
}
.gt-plan-table th.gt-plan-a-head { background: #205047; color: #d9fff8; }
.gt-plan-table th.gt-plan-b-head { background: #29465f; color: #e1efff; }
.gt-plan-table th.gt-plan-c-head { background: #493d5d; color: #f0e8fa; }
.gt-plan-table tbody tr { --gt-row-bg: #102332; }
.gt-plan-table tbody tr:nth-child(even) { --gt-row-bg: #142a3a; }
.gt-plan-table tbody tr:hover { --gt-row-bg: #1b3547; }
.gt-plan-table td { padding: 11px 10px; border-right: 1px solid #365166; border-bottom: 1px solid #365166; color: #d8e4eb; background: var(--gt-row-bg); vertical-align: top; overflow-wrap: anywhere; }
.gt-plan-table tr > :last-child { border-right: 0; }
.gt-plan-table tbody tr:last-child td { border-bottom: 0; }
.gt-plan-table th:first-child, .gt-plan-table td:first-child { position: sticky; left: 0; z-index: 3; }
.gt-plan-table th:nth-child(2), .gt-plan-table td:nth-child(2) { position: sticky; left: 112px; z-index: 3; box-shadow: 2px 0 0 #49677d; }
.gt-plan-table th:first-child, .gt-plan-table th:nth-child(2) { z-index: 6; background: #20384a; }
.gt-plan-table td:first-child, .gt-plan-table td:nth-child(2) { background: var(--gt-row-bg); }
.gt-date-cell b, .gt-date-cell span { display: block; }
.gt-date-cell b { color: #f0f7fb; font-size: 12px; font-variant-numeric: tabular-nums; }
.gt-date-cell span { margin-top: 3px; color: #8fa7b7; font-size: 11px; }
.gt-period-cell { color: #c7dae6; font-weight: 750; font-variant-numeric: tabular-nums; }
.gt-place-cell { color: #c8e2f1; font-weight: 700; }
.gt-plan-table td.gt-plan-a-cell { background: #153a36; color: #d7f7f1; }
.gt-plan-table tbody tr:nth-child(even) td.gt-plan-a-cell { background: #193f3a; }
.gt-plan-table tbody tr:hover td.gt-plan-a-cell { background: #20504a; }
.gt-plan-a-cell b { font-weight: 800; }
.gt-cell-empty { color: #79909f; font-weight: 500; }
.gt-transport-cell { color: #c7dce9; }
.gt-transport-cell small { display: block; margin-top: 6px; padding-top: 6px; border-top: 1px dashed #496477; color: #94aab9; font-size: 11px; }
.gt-stay-cell { color: #bfe5d6; font-weight: 650; }
.gt-row-actions { text-align: center; }
.gt-row-actions .gt-text-btn { display: block; width: 100%; }
.gt-text-btn { border: 0; padding: 4px 5px; color: #a9d0ff; background: transparent; font-size: 12px; font-weight: 700; cursor: pointer; }
.gt-text-btn.danger { color: #ffb1b1; }
.gt-plan-table .gt-text-btn { color: #9dccff; }
.gt-plan-table .gt-text-btn.danger { color: #ffb1b8; }

.gt-trip-form, .gt-schedule-form { display: grid; gap: 11px; }
.gt-trip-form { grid-template-columns: 1.35fr 1fr 1fr 1fr; }
.gt-trip-form .members-field { grid-column: span 2; }
.gt-schedule-form { grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 18px; padding: 16px; border: 1px solid #557188; border-radius: 12px; background: #0a1c2b; }
.gt-trip-form label, .gt-schedule-form label { display: grid; gap: 6px; color: #d5e1e9; font-size: 12px; font-weight: 750; }
.gt-schedule-form label.route-field { grid-column: span 4; }
.gt-schedule-form label.plan-field { grid-column: span 2; }
.gt-schedule-form label.detail-field { grid-column: span 3; }
.gt-schedule-form label.plan-a { color: #8df0e4; }
.gt-shell input, .gt-shell select, .gt-shell textarea { width: 100%; min-height: 42px; border: 1px solid #607d94; border-radius: 9px; padding: 9px 11px; color: #fff; background: #071724; outline: none; }
.gt-shell input::placeholder, .gt-shell textarea::placeholder { color: #879baa; opacity: 1; }
.gt-shell input:focus, .gt-shell select:focus, .gt-shell textarea:focus { border-color: #79e8db; box-shadow: 0 0 0 3px rgba(109, 229, 214, .14); }
.gt-form-actions { display: flex; align-items: end; justify-content: flex-end; gap: 8px; grid-column: 1 / -1; }
.gt-notice { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; padding: 11px 14px; border: 1px solid #55738b; border-radius: 10px; color: #f1f7fb; background: #17324a; font-size: 12px; }
.gt-notice.success { border-color: #65cfc2; }
.gt-notice button { border: 0; color: #d6e2ea; background: transparent; font-size: 18px; cursor: pointer; }
.gt-empty { display: grid; place-items: center; min-height: 110px; padding: 18px; border: 1px dashed #5e798f; border-radius: 10px; color: #d1dde6; background: #0b1e2e; font-size: 13px; text-align: center; }

.gt-visa-panel { padding: 0; overflow: hidden; }
.gt-visa-panel > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 21px; cursor: pointer; list-style: none; }
.gt-visa-panel > summary::-webkit-details-marker { display: none; }
.gt-visa-panel > summary span { color: var(--gt-teal); font-size: 12px; font-weight: 850; letter-spacing: .08em; }
.gt-visa-panel > summary h3 { margin: 4px 0 0; color: #fff; font-size: 19px; }
.gt-visa-panel > summary > div:last-child { display: grid; justify-items: end; gap: 2px; }
.gt-visa-panel > summary > div:last-child b { color: #fff; font-size: 15px; }
.gt-visa-panel > summary small { color: #c1d0db; font-size: 10px; }
.gt-visa-panel[open] > summary { border-bottom: 1px solid var(--gt-line); }
.gt-visa-form { padding: 17px 21px 20px; }
.gt-visa-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gt-visa-fields label { display: grid; gap: 6px; color: #d5e1e9; font-size: 12px; font-weight: 750; }
.gt-visa-items { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.gt-visa-items label { display: flex; align-items: center; gap: 8px; min-height: 50px; padding: 9px 10px; border: 1px solid #4c687f; border-radius: 9px; color: #edf4f8; background: #193349; font-size: 12px; line-height: 1.4; cursor: pointer; }
.gt-visa-items input { flex: 0 0 auto; width: 17px; min-height: 17px; padding: 0; border: 0; accent-color: var(--gt-teal); }
.gt-visa-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.gt-visa-foot p { margin: 0; color: #c5d3dd; font-size: 11px; }

@media (max-width: 900px) {
  .gt-trip-form { grid-template-columns: 1fr 1fr; }
  .gt-new-trip-form { grid-template-columns: 1fr 1fr; }
  .gt-new-trip-form .members-field { grid-column: span 1; }
  .gt-schedule-form { grid-template-columns: repeat(3, 1fr); }
  .gt-schedule-form label.route-field, .gt-schedule-form label.detail-field { grid-column: span 3; }
  .gt-schedule-form label.plan-field { grid-column: span 1; }
  .gt-visa-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gt-library-list-head, .gt-library-row { grid-template-columns: 112px minmax(150px, 1fr) minmax(170px, 1.2fr) 82px 120px 190px; }
  .gt-budget-inputs, .gt-budget-categories { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .gt-expense-form, .gt-time-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gt-participants { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gt-template-preview-kpis, .gt-template-budget-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gt-template-preview-kpis article:nth-child(2) { border-right: 0; }
  .gt-template-preview-kpis article:nth-child(-n+2) { border-bottom: 1px solid #3a576c; }
  .gt-f1-promo { grid-template-columns: 70px minmax(0, 1fr); }
  .gt-f1-promo-mark { width: 66px; height: 66px; }
  .gt-f1-promo-next { grid-column: 1 / -1; padding: 12px 0 0; border-top: 1px solid #4e5262; border-left: 0; }
}
@media (max-width: 680px) {
  .gt-hero { grid-template-columns: 1fr; padding: 20px 17px; }
  .gt-hero-nav { margin-bottom: 0; }
  .gt-hero-actions { justify-content: flex-start; }
  .gt-hero-actions .gt-btn { flex: 1 1 auto; }
  .gt-save-line { flex-wrap: wrap; }
  .gt-save-line > span:last-child { width: 100%; margin: 3px 0 0; padding: 0; border: 0; }
  .gt-panel { padding: 16px 13px; border-radius: 14px; }
  .gt-panel-title { align-items: flex-start; flex-wrap: wrap; }
  .gt-budget-actions { width: 100%; justify-content: flex-start; }
  .gt-budget-actions .gt-btn { flex: 1 1 120px; }
  .gt-members, .gt-route-tools { width: 100%; justify-content: flex-start; }
  .gt-trip-form, .gt-schedule-form { grid-template-columns: 1fr 1fr; }
  .gt-trip-form .members-field { grid-column: 1 / -1; }
  .gt-schedule-form label.route-field, .gt-schedule-form label.plan-field, .gt-schedule-form label.detail-field { grid-column: 1 / -1; }
  .gt-table-note { display: block; }
  .gt-plan-table-wrap { max-height: none; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .gt-plan-table { display: block; min-width: 0; color: #dbe6ed; background: transparent; font-size: 13px; }
  .gt-plan-table colgroup, .gt-plan-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .gt-plan-table tbody { display: grid; gap: 12px; }
  .gt-plan-table tbody tr, .gt-plan-table tbody tr:nth-child(even), .gt-plan-table tbody tr:hover { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid #49677d; border-radius: 10px; background: #102332; --gt-row-bg: #102332; }
  .gt-plan-table td, .gt-plan-table td:first-child, .gt-plan-table td:nth-child(2) { position: static; display: grid; grid-column: 1 / -1; grid-template-columns: 76px minmax(0, 1fr); min-width: 0; padding: 0; border-right: 0; border-bottom: 1px solid #365166; color: #d8e4eb; background: #102332; box-shadow: none; }
  .gt-plan-table td:nth-child(1), .gt-plan-table td:nth-child(2) { grid-column: auto; grid-template-columns: 48px minmax(0, 1fr); }
  .gt-plan-table td:nth-child(1) { border-right: 1px solid #365166; }
  .gt-plan-table td::before { display: flex; align-items: flex-start; padding: 10px 8px; content: attr(data-label); color: #91a9b8; background: #193347; font-size: 10px; font-weight: 850; line-height: 1.4; }
  .gt-plan-table .gt-cell-content { min-width: 0; padding: 10px; overflow-wrap: anywhere; }
  .gt-plan-table td.gt-plan-a-cell, .gt-plan-table tbody tr:nth-child(even) td.gt-plan-a-cell, .gt-plan-table tbody tr:hover td.gt-plan-a-cell { color: #d7f7f1; background: #153a36; }
  .gt-plan-table td.gt-plan-a-cell::before { color: #bff4ea; background: #205047; }
  .gt-plan-table td[data-label="Plan B"]::before { color: #cfe3fb; background: #29465f; }
  .gt-plan-table td[data-label="Plan C"]::before { color: #eadcf7; background: #493d5d; }
  .gt-plan-table tbody tr:last-child td { border-bottom: 1px solid #365166; }
  .gt-plan-table tbody tr td:last-child { border-bottom: 0; }
  .gt-plan-table .gt-row-actions .gt-cell-content { display: flex; gap: 12px; }
  .gt-plan-table .gt-row-actions .gt-text-btn { display: inline-flex; width: auto; padding: 3px 0; }
  .gt-visa-fields, .gt-visa-items { grid-template-columns: 1fr; }
  .gt-visa-panel > summary, .gt-visa-foot { align-items: flex-start; }
  .gt-visa-foot { flex-direction: column; }
  .gt-map-viewport { height: 320px; border-radius: 9px; }
  .gt-map-marker b { max-width: 105px; font-size: 10px; }
  .gt-map-controls { top: 9px; right: 9px; }
  .gt-map-controls button { width: 36px; height: 34px; }
  .gt-map-foot { align-items: flex-start; flex-direction: column; gap: 5px; }
  .gt-map-foot > div { width: 100%; justify-content: space-between; }
  .gt-map-popup { left: 9px; bottom: 31px; width: calc(100% - 54px); padding: 12px; }
  .gt-day-strip { grid-auto-columns: minmax(148px, 72vw); }
  .gt-budget-kpis { grid-template-columns: 1fr 1fr; }
  .gt-budget-kpis > div:nth-child(2) { border-right: 0; }
  .gt-budget-kpis > div:nth-child(-n+2) { border-bottom: 1px solid #3b596e; }
  .gt-budget-inputs, .gt-budget-categories { grid-template-columns: 1fr 1fr; }
  .gt-expense-form, .gt-time-form { grid-template-columns: 1fr 1fr; padding: 12px; }
  .gt-expense-form .gt-expense-label, .gt-time-form .gt-time-label { grid-column: 1 / -1; }
  .gt-participants { grid-template-columns: 1fr; }
  .gt-expense-head { display: none; }
  .gt-expense-table { overflow: visible; border: 0; background: transparent; }
  .gt-expense-row { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; margin-bottom: 9px; border: 1px solid #456278; border-radius: 9px; background: #102536; }
  .gt-expense-row:nth-child(odd) { background: #102536; }
  .gt-expense-row > div { grid-column: 1 / -1; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 0; padding: 0; border-right: 0; border-bottom: 1px solid #38566b; }
  .gt-expense-row > div:nth-child(3), .gt-expense-row > div:nth-child(5) { grid-column: auto; }
  .gt-expense-row > div:nth-child(3) { border-right: 1px solid #38566b; }
  .gt-expense-row > div::before { display: flex; align-items: center; padding: 9px 8px; content: attr(data-label); color: #92a9b8; background: #1a3549; font-size: 9px; font-weight: 850; }
  .gt-expense-row > div > * { margin: 8px 9px; }
  .gt-expense-row > div:last-child { border-bottom: 0; }
  .gt-ledger-actions { margin: 6px 9px !important; }
  .gt-time-list article { grid-template-columns: 1fr auto; gap: 8px; }
  .gt-time-list article > div:last-child { grid-column: 1 / -1; justify-content: flex-start; border-top: 1px solid #38566b; padding-top: 7px; }
  .gt-subhead { align-items: flex-start; }
  .gt-settlement-grid { grid-template-columns: 1fr 1fr; }
  .gt-library-hero { align-items: flex-start; flex-direction: column; padding: 21px 18px; }
  .gt-library-hero .gt-btn { width: 100%; }
  .gt-library-panel { padding: 0; }
  .gt-library-tabs { overflow-x: auto; padding: 9px; }
  .gt-library-tabs button { flex: 0 0 auto; padding: 8px 11px; white-space: nowrap; }
  .gt-library-list { padding: 10px; }
  .gt-library-list-head { display: none; }
  .gt-library-row { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; margin: 0 0 10px; border-radius: 10px; }
  .gt-library-row:first-of-type, .gt-library-row:last-child { border-radius: 10px; }
  .gt-library-row > div { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 0; padding: 0; border-right: 0; border-bottom: 1px solid #355168; }
  .gt-library-row > div:first-child, .gt-library-row > div:nth-child(4) { grid-column: auto; }
  .gt-library-row > div:first-child { border-right: 1px solid #355168; }
  .gt-library-row > div::before { display: flex; align-items: center; padding: 9px 8px; content: attr(data-label); color: #91a9b8; background: #193347; font-size: 10px; font-weight: 800; }
  .gt-library-row > div > .gt-library-cell { align-self: stretch; justify-content: center; padding: 9px 10px; }
  .gt-library-row > div:nth-child(4) { grid-template-columns: 48px minmax(0, 1fr); }
  .gt-library-row-action { display: block !important; padding: 0 !important; border-bottom: 0 !important; }
  .gt-library-row-action .gt-library-cell { padding: 9px; }
  .gt-library-row-action::before { display: none !important; }
  .gt-template-list { padding: 10px; }
  .gt-template-section-head { align-items: flex-start; flex-direction: column; gap: 5px; margin: 20px 10px 0; padding: 16px 2px 7px; }
  .gt-template-section-head span { font-size: 10px; }
  .gt-template-section-head h3 { font-size: 19px; }
  .gt-template-section-head p { max-width: none; font-size: 12px; line-height: 1.6; text-align: left; }
  .gt-template-row { grid-template-columns: 1fr; gap: 10px; padding: 14px; }
  .gt-template-meta { grid-template-columns: 1fr; padding: 11px 0 0; border-top: 1px solid #38566b; border-left: 0; }
  .gt-template-actions { grid-template-columns: 1fr auto; align-items: center; }
  .gt-template-includes { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; }
  .gt-template-includes span { flex: 0 0 auto; }
  .gt-template-card-themes { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
  .gt-template-card-themes b, .gt-template-card-themes span { flex: 0 0 auto; }
  .gt-template-preview-overlay { place-items: end center; padding: 0; }
  .gt-template-preview-sheet { width: 100%; max-height: 94vh; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 18px 18px 0 0; padding: 17px 14px; }
  .gt-template-preview-head { gap: 12px; }
  .gt-template-preview-head h3 { font-size: 22px; }
  .gt-template-preview-kpis { grid-template-columns: 1fr 1fr; }
  .gt-template-budget-list { grid-template-columns: 1fr 1fr; }
  .gt-template-preview-section-title { align-items: flex-start; flex-direction: column; gap: 4px; }
  .gt-template-local-copy { grid-template-columns: 1fr; gap: 11px; padding: 13px; }
  .gt-template-local-copy > p { font-size: 12px; line-height: 1.7; }
  .gt-template-local-copy > div { justify-content: flex-start; }
  .gt-template-theme-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
  .gt-template-theme-tabs button { flex: 0 0 auto; }
  .gt-template-theme-detail { grid-template-columns: 1fr; gap: 11px; padding: 12px; }
  .gt-template-theme-detail > div { padding: 0 0 10px; border-right: 0; border-bottom: 1px solid #3e5b70; }
  .gt-template-place-grid { grid-template-columns: 1fr; }
  .gt-template-preview-day > header { grid-template-columns: 1fr; gap: 4px; }
  .gt-template-day-places { grid-template-columns: 1fr; gap: 6px; }
  .gt-template-preview-plans { grid-template-columns: 1fr; }
  .gt-template-preview-plans > div { border-right: 0; border-bottom: 1px solid #365166; }
  .gt-template-preview-plans > div:last-child { border-bottom: 0; }
  .gt-template-preview-day > footer { grid-template-columns: 1fr; gap: 5px; }
  .gt-template-preview-actions { bottom: -17px; grid-template-columns: 1fr 1fr; margin: 0 -14px -17px; padding: 12px 14px; }
  .gt-template-preview-actions > div { grid-column: 1 / -1; }
  .gt-template-preview-actions .gt-btn { width: 100%; padding-right: 8px; padding-left: 8px; }
  .gt-f1-promo { grid-template-columns: 54px minmax(0, 1fr); gap: 12px; margin: 10px 10px 0; padding: 14px; }
  .gt-f1-promo-mark { width: 52px; height: 52px; border-radius: 11px; }
  .gt-f1-promo-mark span { font-size: 20px; }
  .gt-f1-promo-copy h3 { font-size: 15px; }
  .gt-f1-overlay { place-items: end center; padding: 0; }
  .gt-f1-sheet { width: 100%; max-height: 96vh; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 18px 18px 0 0; }
  .gt-f1-head { padding: 16px 14px 13px; }
  .gt-f1-head h2 { font-size: 21px; }
  .gt-f1-layout { grid-template-columns: 1fr; overflow: auto; }
  .gt-f1-calendar { display: flex; min-height: auto; overflow: auto hidden; border-right: 0; border-bottom: 1px solid #354a5c; scrollbar-width: thin; }
  .gt-f1-race { flex: 0 0 245px; }
  .gt-f1-detail { overflow: visible; padding: 14px 13px 16px; }
  .gt-f1-detail > header { align-items: flex-start; flex-direction: column; gap: 6px; }
  .gt-f1-mode-summary { grid-template-columns: 1fr; }
  .gt-f1-mode-summary > div, .gt-f1-mode-summary > div:nth-child(2n), .gt-f1-mode-summary > div:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid #344e62; }
  .gt-f1-mode-summary > div:last-child { border-bottom: 0; }
  .gt-f1-itinerary-head { align-items: flex-start; flex-direction: column; gap: 4px; }
  .gt-f1-itinerary article > header { grid-template-columns: 1fr; gap: 3px; }
  .gt-f1-itinerary article > div { grid-template-columns: 1fr; }
  .gt-f1-itinerary article p { border-right: 0; border-bottom: 1px solid #344e62; font-size: 10px; }
  .gt-f1-itinerary article p:last-child { border-bottom: 0; }
  .gt-f1-pack-actions { bottom: -16px; grid-template-columns: 1fr 1fr; margin: 14px -13px -16px; padding: 11px 13px; }
  .gt-f1-pack-actions > div { grid-column: 1 / -1; }
  .gt-f1-pack-actions .gt-btn { width: 100%; padding-right: 7px; padding-left: 7px; }
  .gt-f1-source { align-items: flex-start; flex-direction: column; gap: 4px; }
  .gt-combination-head { align-items: stretch; flex-direction: column; }
  .gt-combination-head .gt-btn { width: 100%; }
  .gt-combination ol { grid-template-columns: 1fr; }
  .gt-combination li { grid-template-columns: auto minmax(0,1fr) auto; }
  .gt-combination li .gt-template-priority, .gt-combination li .gt-template-fixed { grid-column: 2; justify-self: start; }
  .gt-combination li .gt-combination-controls { grid-column: 3; grid-row: 1 / span 2; }
  .gt-combination-empty { align-items: flex-start; flex-direction: column; }
  .gt-trash-row { align-items: stretch; flex-direction: column; }
  .gt-trash-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .gt-trash-row .gt-btn { width: 100%; }
  .gt-trash-toolbar { align-items: stretch; flex-direction: column; padding: 12px 10px 0; }
  .gt-trash-toolbar .gt-btn { width: 100%; }
  .gt-new-trip-form { grid-template-columns: 1fr; }
  .gt-new-trip-form .members-field { grid-column: auto; }
  .gt-new-trip-panel { padding: 17px 14px; }
}
@media (max-width: 430px) {
  .gt-budget-kpis, .gt-budget-inputs, .gt-budget-categories, .gt-settlement-grid { grid-template-columns: 1fr; }
  .gt-budget-kpis > div { border-right: 0; border-bottom: 1px solid #3b596e; }
  .gt-budget-kpis > div:last-child { border-bottom: 0; }
  .gt-expense-form, .gt-time-form { grid-template-columns: 1fr; }
  .gt-expense-form .gt-expense-label, .gt-time-form .gt-time-label { grid-column: auto; }
  .gt-template-budget-list { grid-template-columns: 1fr; }
  .gt-f1-mode-tabs { grid-template-columns: 1fr; }
  .gt-f1-promo { grid-template-columns: 1fr; }
  .gt-f1-promo-mark { display: none; }
  .gt-f1-promo-next { grid-column: auto; }
}

/* Formal v141 · travel workspace readability baseline */
.gt-shell {
  --gt-muted: #d0dce5;
  --gt-line: #526d82;
  line-height: 1.6;
}
.gt-btn { min-height: 44px; padding: 10px 15px; font-size: 14px; }
.gt-text-btn { font-size: 13px; }
.gt-hero-nav button, .gt-hero-nav span, .gt-kicker { font-size: 13px; }
.gt-hero-copy p, .gt-library-hero p { color: #e0e9ef; font-size: 15px; line-height: 1.65; }
.gt-library-tabs button { font-size: 14px; }
.gt-library-tabs button b { font-size: 12px; }
.gt-library-list-head { color: #b7c8d4; font-size: 12px; }
.gt-library-row > div, .gt-library-row b { font-size: 14px; line-height: 1.6; }
.gt-library-row small { color: #bccbd5; font-size: 12px; }

.gt-template-row { gap: 22px; padding: 20px; border-color: #4d687d; }
.gt-template-summary > span { font-size: 12px; }
.gt-template-row h3 { margin: 6px 0; font-size: 19px; line-height: 1.35; }
.gt-template-row p { color: #d7e2e9; font-size: 14px; line-height: 1.65; }
.gt-template-row p.gt-template-intro { color: #c5d2dc; line-height: 1.7; }
.gt-template-summary > small { color: #b8e4f5; font-size: 12px; }
.gt-template-includes { gap: 7px; }
.gt-template-includes span,
.gt-template-card-themes,
.gt-template-card-themes b,
.gt-template-budget-glance span,
.gt-template-actions > span { font-size: 12px; line-height: 1.45; }
.gt-template-includes span { padding: 6px 9px; color: #d7e2e9; }
.gt-template-card-themes { color: #c2d0da; }
.gt-template-meta { gap: 9px; color: #e1e9ee; font-size: 13px; line-height: 1.55; }
.gt-template-meta small { color: #b8c9d5; }
.gt-template-meta > b { font-size: 16px; }
.gt-template-note, .gt-template-regions button { font-size: 13px; line-height: 1.55; }
.gt-template-regions button { min-height: 38px; padding: 7px 14px; }
.gt-combination-empty, .gt-combination > p, .gt-combination-warning { font-size: 13px; }
.gt-combination-head span { font-size: 12px; }
.gt-combination-head b { font-size: 16px; }
.gt-combination li { min-height: 42px; font-size: 13px; }
.gt-combination li > b small, .gt-combination > small { font-size: 11px; }

.gt-template-preview-sheet { width: min(1220px, 100%); gap: 22px; padding: 26px; }
.gt-template-preview-head span { font-size: 12px; }
.gt-template-preview-head p { color: #d8e3e9; font-size: 15px; line-height: 1.7; }
.gt-template-preview-kpis article { gap: 7px; padding: 16px; }
.gt-template-preview-kpis span, .gt-template-preview-kpis small { color: #b5c7d3; font-size: 12px; }
.gt-template-preview-kpis b { font-size: 16px; line-height: 1.45; }
.gt-template-preview-section-title span,
.gt-template-preview-section-title > small,
.gt-template-preview-section-title > a { font-size: 12px; }
.gt-template-preview-section-title h4 { font-size: 20px; }
.gt-template-local-copy { padding: 19px; }
.gt-template-local-copy > p { font-size: 15px; line-height: 1.8; }
.gt-template-local-copy span { font-size: 12px; }
.gt-template-theme-tabs button { min-height: 42px; padding: 9px 15px; font-size: 13px; }
.gt-template-theme-detail { padding: 17px 18px; }
.gt-template-theme-detail > div span { font-size: 11px; }
.gt-template-theme-detail > div p { color: #dce6ec; font-size: 14px; line-height: 1.75; }
.gt-template-theme-detail li { min-height: 38px; padding: 9px 11px 9px 42px; font-size: 13px; line-height: 1.65; }
.gt-template-theme-detail li::before { top: 10px; left: 11px; width: 21px; height: 21px; font-size: 11px; }
.gt-template-place-grid { gap: 10px; }
.gt-template-place-grid article { padding: 16px; }
.gt-template-place-grid article > span { font-size: 11px; }
.gt-template-place-grid h5 { font-size: 16px; }
.gt-template-place-grid p { color: #cbd8e0; font-size: 13px; line-height: 1.7; }
.gt-template-budget-list { gap: 9px; }
.gt-template-budget-list article { padding: 13px; }
.gt-template-budget-list span { color: #c5d3dc; font-size: 12px; }
.gt-template-budget-list b { font-size: 13px; }
.gt-template-scope-note { color: #cbd8e0; font-size: 12px; line-height: 1.7; }
.gt-template-preview-days { gap: 11px; }
.gt-template-preview-day > header { padding: 13px 15px; }
.gt-template-preview-day > header span { font-size: 12px; }
.gt-template-preview-day > header b { font-size: 15px; }
.gt-template-day-places { padding: 11px 15px; }
.gt-template-day-places > b, .gt-template-day-places span { font-size: 12px; }
.gt-template-preview-plans > div { padding: 14px 15px; }
.gt-template-preview-plans span { font-size: 12px; }
.gt-template-preview-plans p { font-size: 14px; line-height: 1.7; }
.gt-template-preview-day > footer { padding: 11px 15px; color: #c6d4dd; font-size: 12px; line-height: 1.65; }
.gt-template-preview-actions > div b { font-size: 14px; }
.gt-template-preview-actions > div span { color: #bdcbd5; font-size: 12px; }

.gt-f1-promo-copy > span, .gt-f1-promo-next span { font-size: 12px; }
.gt-f1-promo-copy h3 { font-size: 21px; }
.gt-f1-promo-copy p { color: #d1dce3; font-size: 14px; line-height: 1.7; }
.gt-f1-promo-next b { font-size: 17px; }
.gt-f1-promo-next small { color: #c4d1da; font-size: 12px; }
.gt-f1-sheet { width: min(1420px, 100%); }
.gt-f1-head { padding: 23px 26px 19px; }
.gt-f1-head span { font-size: 12px; }
.gt-f1-head h2 { font-size: clamp(25px, 3vw, 34px); }
.gt-f1-head p { color: #d2dde4; font-size: 14px; line-height: 1.6; }
.gt-f1-filters { gap: 8px; padding: 12px 16px; }
.gt-f1-filters button { min-height: 38px; padding: 7px 14px; font-size: 12px; }
.gt-f1-layout { grid-template-columns: 350px minmax(0, 1fr); }
.gt-f1-calendar { gap: 8px; padding: 13px; }
.gt-f1-race { gap: 5px; padding: 13px 14px; }
.gt-f1-race > span, .gt-f1-race > i { font-size: 11px; }
.gt-f1-race > b { font-size: 14px; line-height: 1.4; }
.gt-f1-race > small { color: #c0cfd8; font-size: 12px; }
.gt-f1-detail { padding: 21px 24px 24px; }
.gt-f1-detail > header span { font-size: 12px; }
.gt-f1-detail > header h3 { font-size: 25px; }
.gt-f1-detail > header p { color: #d0dce4; font-size: 14px; line-height: 1.6; }
.gt-f1-detail > header a { font-size: 12px; }
.gt-f1-mode-tabs { gap: 10px; margin-top: 18px; }
.gt-f1-mode-tabs button { gap: 4px; padding: 13px; }
.gt-f1-mode-tabs button b { font-size: 14px; }
.gt-f1-mode-tabs button span { color: #c3d1da; font-size: 12px; line-height: 1.5; }
.gt-f1-mode-summary { margin-top: 13px; }
.gt-f1-mode-summary > div { gap: 6px; padding: 13px 14px; }
.gt-f1-mode-summary span { color: #b6c8d4; font-size: 11px; }
.gt-f1-mode-summary b { font-size: 13px; line-height: 1.65; }
.gt-f1-alert { padding: 11px 13px; font-size: 12px; line-height: 1.65; }
.gt-f1-itinerary { gap: 10px; margin-top: 18px; }
.gt-f1-itinerary-head span, .gt-f1-itinerary-head small { font-size: 11px; }
.gt-f1-itinerary-head h4 { font-size: 18px; }
.gt-f1-itinerary article > header { padding: 11px 13px; }
.gt-f1-itinerary article > header span { font-size: 11px; }
.gt-f1-itinerary article > header b { font-size: 13px; }
.gt-f1-itinerary article p { grid-template-columns: 24px minmax(0, 1fr); gap: 8px; padding: 12px; font-size: 13px; line-height: 1.7; }
.gt-f1-itinerary article p span { width: 21px; height: 21px; font-size: 10px; }
.gt-f1-itinerary article > footer { padding: 9px 13px; color: #b5c6d1; font-size: 11px; line-height: 1.55; }
.gt-f1-pack-actions b { font-size: 13px; }
.gt-f1-pack-actions span { color: #bdcbd4; font-size: 11px; }
.gt-f1-source { color: #afc0cb; font-size: 11px; line-height: 1.55; }

.gt-panel-title span, .gt-new-trip-form label, .gt-trip-form label, .gt-schedule-form label,
.gt-budget-form label, .gt-expense-form > label, .gt-time-form > label { font-size: 13px; }
.gt-panel-title h3 { font-size: 21px; }
.gt-new-trip-panel .gt-panel-title > small,
.gt-new-trip-form label small, .gt-trip-form label small,
.gt-budget-form label small, .gt-form-help { color: #b5c6d2; font-size: 12px; }
.gt-shell input, .gt-shell select, .gt-shell textarea { min-height: 45px; font-size: 14px; line-height: 1.5; }
.gt-shell input::placeholder, .gt-shell textarea::placeholder { color: #a8bac6; }
.gt-notice, .gt-empty { font-size: 14px; line-height: 1.6; }
.gt-day-card span, .gt-day-card small { font-size: 12px; }
.gt-day-card p { font-size: 14px; line-height: 1.55; }
.gt-budget-kpis span, .gt-budget-kpis small { color: #b7c8d3; font-size: 12px; }
.gt-budget-categories span, .gt-budget-categories small { color: #bdccd6; font-size: 11px; }
.gt-budget-categories b { font-size: 13px; }
.gt-subhead span, .gt-subhead > small, .gt-participants legend { font-size: 12px; }
.gt-subhead h4 { font-size: 17px; }
.gt-participants label { font-size: 13px; }
.gt-expense-head { color: #b8c8d3; font-size: 12px; }
.gt-expense-row > div, .gt-expense-row b { font-size: 13px; }
.gt-expense-row small { color: #b4c5d0; font-size: 11px; }
.gt-settlement-grid span, .gt-settlement-grid small,
.gt-time-list b, .gt-time-list span { font-size: 12px; }
.gt-time-list small, .gt-budget-note { color: #afc1cc; font-size: 11px; }
.gt-plan-table { font-size: 14px; line-height: 1.65; }
.gt-plan-table th { padding: 13px 11px; font-size: 13px; }
.gt-plan-table td { padding: 13px 11px; }
.gt-date-cell b { font-size: 13px; }
.gt-date-cell span, .gt-transport-cell small { color: #aebfca; font-size: 12px; }
.gt-table-note, .gt-map-foot, .gt-map-policy { color: #bdccd6; font-size: 12px; }

@media (min-width: 1200px) {
  .gt-shell { max-width: 1520px; }
  .gt-template-row { grid-template-columns: minmax(0, 1.35fr) minmax(300px, .8fr) 150px; }
  .gt-plan-table-wrap { max-height: min(72vh, 820px); }
}

@media (max-width: 680px) {
  .gt-btn { font-size: 14px; }
  .gt-template-row { gap: 12px; padding: 15px; }
  .gt-template-row p, .gt-template-preview-plans p, .gt-f1-promo-copy p,
  .gt-f1-detail > header p, .gt-f1-itinerary article p { font-size: 13px; }
  .gt-template-includes span, .gt-template-card-themes, .gt-template-card-themes b,
  .gt-template-budget-glance span, .gt-f1-race > span, .gt-f1-race > i,
  .gt-f1-race > small, .gt-f1-mode-tabs button span { font-size: 11px; }
  .gt-f1-race > b, .gt-f1-mode-tabs button b { font-size: 13px; }
  .gt-template-preview-sheet { gap: 18px; padding: 18px 14px; }
  .gt-template-local-copy { padding: 14px; }
  .gt-template-theme-detail { padding: 13px; }
  .gt-f1-head { padding: 16px 14px 13px; }
  .gt-f1-layout { grid-template-columns: 1fr; }
  .gt-f1-detail { padding: 14px 13px 16px; }
  .gt-plan-table td, .gt-plan-table td:first-child, .gt-plan-table td:nth-child(2) { padding: 0; }
}

/* Formal v142 · inline itinerary editing */
.gt-table-edit-hint { margin: 7px 0 0; color: #c0ced8; font-size: 12px; line-height: 1.55; }
.gt-plan-table col.actions { width: 118px; }
.gt-plan-table .gt-actions-head {
  position: sticky; z-index: 8; right: 0; min-width: 118px;
  border-left: 2px solid #58748a; background: #243b4d;
  box-shadow: -8px 0 18px rgba(3, 13, 22, .32);
}
.gt-plan-table .gt-row-actions {
  position: sticky; z-index: 5; right: 0; min-width: 118px; padding: 9px;
  border-left: 2px solid #49677d; background: #162c3d !important;
  box-shadow: -8px 0 18px rgba(3, 13, 22, .3);
}
.gt-plan-table .gt-row-actions .gt-cell-content { display: grid; gap: 6px; padding: 0; }
.gt-row-edit-btn { width: 100%; min-height: 38px; padding: 7px 9px; }
.gt-plan-table td.gt-editable-cell { position: relative; cursor: pointer; transition: box-shadow .16s ease, filter .16s ease; }
.gt-plan-table td.gt-editable-cell::after {
  position: absolute; top: 6px; right: 7px; content: "编辑"; pointer-events: none;
  border: 1px solid #5c7c90; border-radius: 5px; padding: 2px 5px;
  color: #b9efe8; background: rgba(9, 30, 43, .9); font-size: 10px; font-weight: 800;
  opacity: 0; transform: translateY(-2px); transition: opacity .16s ease, transform .16s ease;
}
.gt-plan-table td.gt-editable-cell:hover,
.gt-plan-table td.gt-editable-cell:focus-within { z-index: 4; box-shadow: inset 0 0 0 2px #6de5d6; filter: brightness(1.08); }
.gt-plan-table td.gt-editable-cell:hover::after,
.gt-plan-table td.gt-editable-cell:focus-within::after { opacity: 1; transform: translateY(0); }
.gt-plan-table .gt-row-editing td { padding: 9px; background: #122a3b; }
.gt-plan-table .gt-row-editing td.gt-plan-a-cell { background: #173f39; }
.gt-plan-table .gt-inline-schedule-field {
  width: 100%; min-height: 44px; border: 1px solid #66839a; border-radius: 8px;
  padding: 9px 10px; color: #f7fbff; background: #071925;
  font-size: 13px; font-weight: 650; line-height: 1.55; outline: none;
}
.gt-plan-table textarea.gt-inline-schedule-field { min-height: 112px; resize: vertical; }
.gt-plan-table .gt-inline-schedule-field:focus { border-color: #7de9dc; box-shadow: 0 0 0 3px rgba(109, 229, 214, .14); }
.gt-inline-schedule-actions { display: grid; gap: 7px; }
.gt-inline-schedule-actions .gt-btn { width: 100%; min-height: 39px; padding: 7px 8px; }
.gt-inline-schedule-actions .gt-text-btn { padding: 5px; }

@media (min-width: 921px) {
  .gt-plan-table td:first-child.gt-editable-cell { position: sticky; left: 0; z-index: 5; }
  .gt-plan-table td:nth-child(2).gt-editable-cell { position: sticky; left: 112px; z-index: 5; }
}

@media (max-width: 680px) {
  .gt-table-edit-hint { font-size: 13px; }
  .gt-plan-table td.gt-editable-cell { position: relative !important; padding: 0; }
  .gt-plan-table td.gt-editable-cell::after { top: 8px; right: 8px; opacity: .82; transform: none; }
  .gt-plan-table .gt-row-editing td { padding: 0; }
  .gt-plan-table .gt-row-actions { position: static; right: auto; min-width: 0; border-left: 0; box-shadow: none; }
  .gt-plan-table .gt-row-actions .gt-cell-content { display: flex; flex-wrap: wrap; padding: 10px; }
  .gt-inline-schedule-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .gt-inline-schedule-actions .gt-text-btn { grid-column: 1 / -1; }
  .gt-plan-table textarea.gt-inline-schedule-field { min-height: 88px; }
}

/* Formal v144 · Celestial Grand Prix, local-currency expenses and mobile Startrail finish */
.gt-expense-conversion {
  grid-column: span 2; display: grid; align-content: center; gap: 3px; min-height: 72px;
  border: 1px solid #4b6b7f; border-radius: 9px; padding: 9px 11px;
  color: #dce7ed; background: linear-gradient(135deg, #112637, #0d202f);
}
.gt-expense-conversion span, .gt-expense-conversion small { color: #aebfca; font-size: 11px; line-height: 1.45; }
.gt-expense-conversion b { color: #fff; font-size: 15px; font-variant-numeric: tabular-nums; }

.gt-celestial-promo {
  display: grid; grid-template-columns: 78px minmax(0, 1fr) minmax(250px, .58fr); gap: 18px; align-items: center;
  margin: 14px 14px 0; padding: 18px; border: 1px solid #62587b; border-radius: 14px;
  background:
    radial-gradient(circle at 14% 20%, rgba(224, 174, 99, .12), transparent 32%),
    linear-gradient(128deg, #171b28, #111925 58%, #182036);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 14px 34px rgba(0, 0, 0, .24);
}
.gt-celestial-promo-mark {
  display: grid; width: 72px; height: 72px; place-items: center; align-content: center; border: 1px solid #8c744f;
  border-radius: 18px; color: #f0bd74; background: radial-gradient(circle at 38% 32%, #3b3542, #141723 70%);
  box-shadow: inset 0 0 0 5px rgba(224, 174, 99, .035);
}
.gt-celestial-promo-mark span { font-size: 27px; line-height: 1; }
.gt-celestial-promo-mark b { margin-top: 2px; color: #d8c39f; font-size: 10px; letter-spacing: .16em; }
.gt-celestial-promo-copy, .gt-celestial-promo-next { display: grid; min-width: 0; gap: 4px; }
.gt-celestial-promo, .gt-celestial-sheet { font-family: inherit; font-kerning: auto; }
.gt-celestial-promo-copy > span, .gt-celestial-promo-next > span { color: #d9ae72; font-size: 11px; font-weight: 760; letter-spacing: 0; }
.gt-celestial-promo-copy > span i, .gt-celestial-promo-copy > span em { font-family: inherit; font-style: normal; }
.gt-celestial-promo-copy > span i { letter-spacing: .08em; }
.gt-celestial-promo-copy h3 { margin: 1px 0 2px; color: #fffaf0; font-size: 20px; font-weight: 720; letter-spacing: 0; line-height: 1.35; }
.gt-celestial-promo-copy p { margin: 0; color: #c7ced8; font-size: 13px; line-height: 1.65; }
.gt-celestial-promo-next { padding-left: 18px; border-left: 1px solid #514a61; }
.gt-celestial-promo-next b { color: #fff; font-size: 16px; font-weight: 720; letter-spacing: 0; }
.gt-celestial-promo-next small { margin-bottom: 5px; color: #aeb8c5; font-size: 11px; }

.gt-celestial-overlay { position: fixed; z-index: 1250; inset: 0; display: grid; place-items: center; padding: 22px; }
.gt-celestial-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(3, 5, 10, .84); backdrop-filter: blur(7px); }
.gt-celestial-sheet {
  position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(1480px, 100%); max-height: calc(100vh - 44px);
  overflow: hidden; border: 1px solid #625b78; border-radius: 20px; color: #eef1f7;
  background: #0d111a; box-shadow: 0 32px 110px rgba(0, 0, 0, .72);
}
.gt-celestial-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 22px 25px 18px; border-bottom: 1px solid #39394a; background: linear-gradient(125deg, #181a26, #111824); }
.gt-celestial-head > div { min-width: 0; }
.gt-celestial-head span { color: #d9ae72; font-size: 11px; font-weight: 850; letter-spacing: .11em; }
.gt-celestial-head h2 { margin: 4px 0 3px; color: #fffaf2; font-size: clamp(25px, 3vw, 35px); line-height: 1.2; }
.gt-celestial-head p { margin: 0; color: #bbc3cf; font-size: 13px; line-height: 1.6; }
.gt-celestial-close { flex: 0 0 auto; width: 43px; height: 43px; border: 1px solid #595b6c; border-radius: 11px; color: #e8eaf0; background: #202431; font-size: 24px; cursor: pointer; }
.gt-celestial-scroll { min-height: 0; overflow: auto; padding: 16px; overscroll-behavior: contain; }
.gt-celestial-modes { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .5fr); gap: 12px; }
.gt-celestial-modes > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.gt-celestial-modes > div > button { display: grid; align-content: start; gap: 4px; min-height: 108px; border: 1px solid #404454; border-radius: 12px; padding: 13px; color: #d4d9e2; background: #151a24; text-align: left; cursor: pointer; }
.gt-celestial-modes > div > button.active { border-color: #a88555; background: linear-gradient(135deg, #29251f, #1b1d29); box-shadow: inset 3px 0 #dfae69; }
.gt-celestial-modes button b { color: #fff; font-size: 14px; }
.gt-celestial-modes button span, .gt-celestial-modes button small { color: #aeb7c3; font-size: 11px; line-height: 1.5; }
.gt-celestial-modes button small { color: #d8b982; font-variant-numeric: tabular-nums; }
.gt-celestial-modes > article { display: grid; align-content: center; gap: 4px; border: 1px solid #4b5364; border-radius: 12px; padding: 14px; background: #151d28; }
.gt-celestial-modes > article > span { color: #d8ae73; font-size: 10px; font-weight: 850; }
.gt-celestial-modes > article > b { color: #f4f5f8; font-size: 13px; line-height: 1.55; }
.gt-celestial-modes > article > small { margin-bottom: 5px; color: #aeb7c3; font-size: 10px; line-height: 1.5; }

/* Shared Celestial topic filters and in-place station details */
.gt-celestial-map { margin-top: 12px; overflow: hidden; border: 1px solid #3e4352; border-radius: 14px; background: radial-gradient(circle at 55% 42%, #182535, #0b111a 70%); }
.gt-celestial-map svg { display: block; width: 100%; height: 290px; }
.gt-celestial-land { fill: #1b2631; stroke: #435465; stroke-width: .75; }
.gt-celestial-route-line { fill: none; stroke: #d5a860; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 6 6; opacity: .84; }
.gt-celestial-map-stop { cursor: pointer; outline: none; }
.gt-celestial-map-stop:not(.included) { cursor: default; opacity: .28; }
.gt-celestial-map-stop circle { fill: #151b25; stroke: #727889; stroke-width: 2; transition: .16s; }
.gt-celestial-map-stop text { fill: #c4cad3; font-size: 10px; font-weight: 900; pointer-events: none; }
.gt-celestial-map-stop.included circle { fill: #d5a860; stroke: #ffe0aa; }
.gt-celestial-map-stop.included text { fill: #17110a; }
.gt-celestial-map-stop.selected circle { filter: drop-shadow(0 0 8px rgba(111, 222, 207, .7)); stroke: #70dfd0; }
.gt-celestial-map-stop.active circle { r: 15; stroke-width: 3; }
.gt-celestial-map > div { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; padding: 8px 11px; border-top: 1px solid #363d4b; color: #9faab8; background: #101620; font-size: 10px; }
.gt-celestial-map > div span:first-child { margin-right: auto; }
.gt-celestial-map > div i { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border: 1px solid #ffe0aa; border-radius: 50%; background: #d5a860; }
.gt-celestial-map > div i.selected { border-color: #70dfd0; box-shadow: 0 0 5px #70dfd0; }

.gt-celestial-topics { display: grid; gap: 9px; margin-top: 12px; }
.gt-celestial-topics header { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 9px; }
.gt-celestial-topics header span { color: #d5a860; font-size: 10px; font-weight: 850; }
.gt-celestial-topics header b { color: #f0f2f5; font-size: 13px; }
.gt-celestial-topics > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.gt-celestial-topics button { position: relative; display: grid; gap: 3px; min-height: 88px; border: 1px solid #3e4656; border-radius: 11px; padding: 11px; color: #dce0e7; background: #141a24; text-align: left; cursor: pointer; }
.gt-celestial-topics button.active { border-color: #b78a50; background: linear-gradient(135deg, #2b251d, #171d26); box-shadow: inset 3px 0 #dfae69; }
.gt-celestial-topics button.active em { color: #f1cc91; }
.gt-celestial-topics button > span, .gt-celestial-topics button small { color: #a8b2bf; font-size: 10px; }
.gt-celestial-topics button b { color: #f4f5f8; font-size: 13px; }
.gt-celestial-topics button em { position: absolute; right: 9px; bottom: 8px; color: #d8ae73; font-size: 9px; font-style: normal; font-weight: 800; }

.gt-celestial-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 12px; margin-top: 14px; }
.gt-celestial-calendar { display: grid; align-content: start; gap: 7px; }
.gt-celestial-station { display: grid; gap: 3px; min-width: 0; border: 1px solid #3d4655; border-radius: 11px; padding: 11px 12px; color: #dce1e7; background: #141a23; text-align: left; cursor: pointer; }
.gt-celestial-station.active { border-color: #a58150; background: linear-gradient(125deg, #28231d, #1b1c27); box-shadow: inset 3px 0 #dfae69; }
.gt-celestial-station.included:not(.active) { border-color: #5d5549; }
.gt-celestial-station.selected { border-right-color: #69d9ca; }
.gt-celestial-station > span, .gt-celestial-station > i { color: #b89a6f; font-size: 9px; font-style: normal; font-weight: 800; }
.gt-celestial-station > b { color: #f4f5f7; font-size: 13px; }
.gt-celestial-station > small { color: #aeb7c2; font-size: 10px; line-height: 1.5; }
.gt-celestial-detail { min-width: 0; border: 1px solid #414958; border-radius: 14px; padding: 17px; background: #121821; }
.gt-celestial-detail > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.gt-celestial-detail > header span { color: #d5a860; font-size: 10px; font-weight: 850; }
.gt-celestial-detail > header h3 { margin: 3px 0; color: #fff; font-size: 23px; line-height: 1.28; }
.gt-celestial-detail > header p { margin: 0; color: #b9c2cd; font-size: 12px; }
.gt-celestial-detail > header strong { color: #efd09d; font-size: 27px; line-height: 1; font-variant-numeric: tabular-nums; }
.gt-celestial-detail > header strong small { color: #8f98a6; font-size: 11px; }
.gt-celestial-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.gt-celestial-badges span { border: 1px solid #444d5d; border-radius: 99px; padding: 5px 8px; color: #c6cdd6; background: #171f2a; font-size: 10px; }
.gt-celestial-badges span.locked { border-color: #7c6547; color: #edcb95; background: #26221d; }
.gt-celestial-intro { margin: 13px 0; color: #d2d7de; font-size: 13px; line-height: 1.75; }
.gt-celestial-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #3e4757; border-radius: 11px; background: #0f151e; }
.gt-celestial-summary article { display: grid; align-content: start; gap: 4px; min-width: 0; padding: 11px; border-right: 1px solid #37404e; }
.gt-celestial-summary article:last-child { border-right: 0; }
.gt-celestial-summary span, .gt-celestial-summary small { color: #949fad; font-size: 9px; line-height: 1.45; }
.gt-celestial-summary b { color: #eef0f3; font-size: 11px; line-height: 1.55; }
.gt-celestial-score { display: grid; grid-template-columns: 165px minmax(0, 1fr); gap: 14px; margin-top: 12px; border: 1px solid #3c4554; border-radius: 11px; padding: 12px; background: #111923; }
.gt-celestial-score > div:first-child { display: grid; align-content: center; gap: 3px; }
.gt-celestial-score > div:first-child span { color: #9da8b5; font-size: 10px; }
.gt-celestial-score > div:first-child b { color: #e8c58d; font-size: 17px; }
.gt-celestial-score-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; }
.gt-celestial-score-grid > span { display: grid; gap: 4px; }
.gt-celestial-score-grid b { color: #bcc4ce; font-size: 9px; }
.gt-celestial-score-grid i { display: block; height: 4px; overflow: hidden; border-radius: 99px; background: #29313d; }
.gt-celestial-score-grid em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #d4a65f, #79d8cd); }
.gt-celestial-itinerary { display: grid; gap: 7px; margin-top: 14px; }
.gt-celestial-itinerary > div:first-child > span { color: #d5a860; font-size: 10px; font-weight: 850; }
.gt-celestial-itinerary h4 { margin: 3px 0 2px; color: #f4f5f7; font-size: 15px; }
.gt-celestial-itinerary article { overflow: hidden; border: 1px solid #3a4352; border-radius: 9px; background: #101721; }
.gt-celestial-itinerary article > header { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 10px; padding: 8px 10px; border-bottom: 1px solid #343d4b; background: #1a212c; }
.gt-celestial-itinerary article > header span { color: #d7b278; font-size: 9px; }
.gt-celestial-itinerary article > header b { color: #fff; font-size: 11px; }
.gt-celestial-itinerary article > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gt-celestial-itinerary article p { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; margin: 0; padding: 10px; border-right: 1px solid #343d4b; color: #c9d0d9; font-size: 11px; line-height: 1.6; }
.gt-celestial-itinerary article p:last-child { border-right: 0; }
.gt-celestial-itinerary article p span { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; color: #171109; background: #d5a860; font-size: 9px; font-weight: 900; }
.gt-celestial-itinerary article > footer { padding: 7px 10px; border-top: 1px solid #343d4b; color: #9ca7b5; background: #0d141d; font-size: 9px; line-height: 1.5; }
.gt-celestial-safety { margin-top: 12px; border: 1px solid #8a6346; border-radius: 10px; padding: 11px 13px; color: #eed6b4; background: #2a211b; }
.gt-celestial-safety b { color: #ffd9a2; font-size: 12px; }
.gt-celestial-safety p { margin: 4px 0; font-size: 11px; line-height: 1.65; }
.gt-celestial-safety a, .gt-celestial-links a, .gt-celestial-source a { color: #82ddd1; font-size: 10px; text-decoration: none; }
.gt-celestial-prep { margin-top: 12px; border: 1px solid #3c4655; border-radius: 10px; background: #101720; }
.gt-celestial-prep summary { display: flex; justify-content: space-between; gap: 12px; padding: 11px 12px; cursor: pointer; }
.gt-celestial-prep summary b { color: #eef0f4; font-size: 12px; }
.gt-celestial-prep summary span { color: #9ba6b4; font-size: 10px; }
.gt-celestial-prep ol { display: grid; gap: 0; margin: 0; padding: 0 12px 12px; list-style: none; }
.gt-celestial-prep li { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; padding: 7px 0; border-top: 1px solid #303946; }
.gt-celestial-prep li b { color: #d7b278; font-size: 10px; }
.gt-celestial-prep li span { color: #bdc5ce; font-size: 10px; line-height: 1.55; }
.gt-celestial-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 11px; }
.gt-celestial-actions { position: sticky; bottom: -17px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; margin: 15px -17px -17px; padding: 12px 17px; border-top: 1px solid #3f4856; background: rgba(16, 22, 31, .96); backdrop-filter: blur(12px); }
.gt-celestial-actions > div { display: grid; gap: 2px; }
.gt-celestial-actions b { color: #f3f4f6; font-size: 11px; }
.gt-celestial-actions span { color: #9fa9b6; font-size: 9px; }
.gt-celestial-source { display: flex; justify-content: space-between; gap: 16px; padding: 10px 16px; border-top: 1px solid #343b48; color: #929dab; background: #0a0f16; font-size: 9px; line-height: 1.5; }
.gt-celestial-empty { display: grid; min-height: 300px; place-items: center; color: #9ea8b5; }

@media (max-width: 900px) {
  .gt-celestial-promo { grid-template-columns: 64px minmax(0, 1fr); }
  .gt-celestial-promo-mark { width: 60px; height: 60px; }
  .gt-celestial-promo-next { grid-column: 1 / -1; padding: 12px 0 0; border-top: 1px solid #4b4655; border-left: 0; }
  .gt-celestial-modes { grid-template-columns: 1fr; }
  .gt-celestial-topics > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gt-celestial-layout { grid-template-columns: 245px minmax(0, 1fr); }
  .gt-celestial-summary { grid-template-columns: 1fr 1fr; }
  .gt-celestial-summary article:nth-child(2) { border-right: 0; }
  .gt-celestial-summary article:nth-child(-n+2) { border-bottom: 1px solid #37404e; }
}

@media (max-width: 680px) {
  .gt-shell {
    --gt-panel: #10151c; --gt-panel-2: #0c1118; --gt-line: #303944; --gt-text: #f3f1ec; --gt-muted: #aeb5bf;
    padding-bottom: 26px; line-height: 1.58;
  }
  .gt-shell .gt-btn { border-color: #46515e; color: #eceff2; background: #171e27; box-shadow: none; }
  .gt-shell .gt-btn:hover { border-color: #66717d; background: #202833; }
  .gt-shell .gt-btn-primary, .gt-shell .gt-btn-selected {
    color: #1c150d; border-color: #efb666; background: linear-gradient(180deg, #f3bf76, #e6a653);
    box-shadow: 0 7px 18px rgba(221, 157, 72, .16);
  }
  .gt-shell .gt-btn-danger { color: #f0c8c8; border-color: #68464d; background: #2b2025; }
  .gt-kicker { color: #e9b367; letter-spacing: .12em; }
  .gt-library-hero, .gt-hero {
    gap: 15px; margin-bottom: 12px; padding: 18px 16px; border-color: #3d4249; border-radius: 16px;
    background:
      radial-gradient(circle at 95% 0, rgba(224, 171, 94, .09), transparent 34%),
      linear-gradient(145deg, #141920, #0e131a 72%);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28), inset 0 1px rgba(255,255,255,.025);
  }
  .gt-library-hero h2 { margin: 3px 0 4px; font-size: 28px; line-height: 1.2; letter-spacing: -.02em; }
  .gt-library-hero p, .gt-hero-copy p { color: #bdc2ca; font-size: 13px; line-height: 1.7; }
  .gt-library-hero .gt-btn { min-height: 46px; width: auto; align-self: stretch; }
  .gt-main { gap: 11px; }
  .gt-panel { border-color: #303943; border-radius: 15px; background: #10151c; box-shadow: 0 8px 24px rgba(0,0,0,.22); }
  .gt-library-panel { overflow: visible; border-color: #303943; background: #0d1218; }
  .gt-library-tabs {
    gap: 6px; overflow-x: auto; padding: 8px; border-bottom-color: #2b333d; border-radius: 14px 14px 0 0;
    background: #0c1117; scrollbar-width: none;
  }
  .gt-library-tabs::-webkit-scrollbar { display: none; }
  .gt-library-tabs button { min-height: 42px; border-color: transparent; border-radius: 10px; padding: 7px 10px; color: #aeb5bf; background: transparent; font-size: 13px; }
  .gt-library-tabs button b { color: #aab1ba; background: #242b34; }
  .gt-library-tabs button.active { border-color: #6e5a3f; color: #fff6e8; background: #221d17; box-shadow: inset 0 -2px #e7aa59; }
  .gt-library-tabs button.active b { color: #1b140c; background: #e8ad5e; }
  .gt-library-empty { min-height: 180px; gap: 5px; padding: 24px 18px; color: #9fa7b1; background: radial-gradient(circle at 50% 40%, rgba(224,171,94,.04), transparent 52%); }
  .gt-library-empty b { color: #eeece8; font-size: 17px; }
  .gt-library-empty span { margin-bottom: 6px; font-size: 12px; }
  .gt-library-empty .gt-btn { width: auto; min-width: 130px; }
  .gt-library-list, .gt-template-list { padding: 8px; }
  .gt-library-row, .gt-template-row { border-color: #37414c; background: #111821; }
  .gt-library-row:nth-child(odd), .gt-library-row:nth-child(even) { background: #111821; }
  .gt-library-row > div { border-color: #303a45; color: #d6dbe1; }
  .gt-library-row > div::before { color: #929ba6; background: #171e27; }
  .gt-template-row { border-radius: 12px; }
  .gt-template-row.selected { border-color: #8a704c; background: #181b1e; box-shadow: inset 3px 0 #e3aa5e; }
  .gt-template-summary > span, .gt-template-card-themes b { color: #dcb06e; }
  .gt-template-summary:hover h3 { color: #fff2df; }
  .gt-template-row p { color: #c9ced5; }
  .gt-template-row p.gt-template-intro { color: #aeb6c0; }
  .gt-template-includes span, .gt-template-budget-glance span { border-color: #3e4853; color: #c6ccd3; background: #171f28; }
  .gt-template-meta { border-color: #303a45; color: #d7dce2; }
  .gt-template-regions { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; }
  .gt-template-regions::-webkit-scrollbar { display: none; }
  .gt-template-regions button { flex: 0 0 auto; border-color: #3d4752; color: #adb5bf; background: #111821; }
  .gt-template-regions button.active { color: #1b140c; border-color: #e7ad60; background: #e7ad60; }
  .gt-combination, .gt-combination-empty { border-color: #4a443b; background: #14191f; }
  .gt-combination li { border-color: #3b4651; background: #151d25; }
  .gt-combination li > span { color: #1a140d; background: #e7ad60; }
  .gt-combination li.fixed { border-color: #675b7b; background: #1b1b27; }
  .gt-template-preview-sheet { color: #eceff2; background: #0e131a; }
  .gt-template-preview-actions { background: rgba(14, 19, 26, .97); }
  .gt-notice { border-color: #555042; color: #ece9e3; background: #1d1b18; }
  .gt-map-tiles img { filter: brightness(.58) saturate(.55) contrast(1.14); }
  .gt-map-marker i { color: #f3f6f7; border-color: #81d9cd; background: #172d34; }
  .gt-map-marker b { color: #f4f5f6; background: rgba(12, 18, 24, .94); }
  .gt-expense-conversion { grid-column: 1 / -1; border-color: #514838; background: #1b1916; }
  .gt-expense-conversion b { color: #f3d3a1; }

  .gt-celestial-promo { grid-template-columns: 45px minmax(0, 1fr); gap: 10px; margin: 8px 8px 0; padding: 13px; border-color: #534a3d; border-radius: 12px; background: linear-gradient(135deg, #181714, #11161d 62%, #171722); box-shadow: none; }
  .gt-celestial-promo-mark { width: 43px; height: 43px; border-radius: 12px; }
  .gt-celestial-promo-mark span { font-size: 19px; }
  .gt-celestial-promo-mark b { font-size: 7px; }
  .gt-celestial-promo-copy > span { font-size: 9px; }
  .gt-celestial-promo-copy h3 { font-size: 15px; }
  .gt-celestial-promo-copy p { font-size: 11px; line-height: 1.6; }
  .gt-celestial-promo-next { grid-column: 1 / -1; gap: 3px; padding-top: 10px; }
  .gt-celestial-promo-next b { font-size: 14px; }
  .gt-celestial-promo-next .gt-btn { margin-top: 4px; }
  .gt-celestial-overlay { place-items: end center; padding: 0; }
  .gt-celestial-sheet { width: 100%; max-height: 96vh; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 18px 18px 0 0; }
  .gt-celestial-head { padding: 16px 14px 13px; }
  .gt-celestial-head h2 { font-size: 23px; }
  .gt-celestial-head p { font-size: 11px; }
  .gt-celestial-scroll { padding: 11px; }
  .gt-celestial-modes > div { display: flex; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
  .gt-celestial-modes > div > button { flex: 0 0 215px; min-height: 96px; }
  .gt-celestial-map svg { height: 205px; }
  .gt-celestial-map > div { justify-content: flex-start; }
  .gt-celestial-map > div span:first-child { width: 100%; margin: 0; }
  .gt-celestial-topics > div { display: flex; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
  .gt-celestial-topics button { flex: 0 0 205px; }
  .gt-celestial-layout { grid-template-columns: 1fr; }
  .gt-celestial-calendar { display: flex; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
  .gt-celestial-station { flex: 0 0 238px; }
  .gt-celestial-detail { padding: 13px; }
  .gt-celestial-detail > header { gap: 9px; }
  .gt-celestial-detail > header h3 { font-size: 20px; }
  .gt-celestial-detail > header strong { font-size: 22px; }
  .gt-celestial-summary { grid-template-columns: 1fr 1fr; }
  .gt-celestial-score { grid-template-columns: 1fr; }
  .gt-celestial-score-grid { grid-template-columns: 1fr; }
  .gt-celestial-itinerary article > header { grid-template-columns: 1fr; gap: 3px; }
  .gt-celestial-itinerary article > div { grid-template-columns: 1fr; }
  .gt-celestial-itinerary article p { border-right: 0; border-bottom: 1px solid #343d4b; }
  .gt-celestial-itinerary article p:last-child { border-bottom: 0; }
  .gt-celestial-prep li { grid-template-columns: 78px minmax(0, 1fr); }
  .gt-celestial-actions { bottom: -13px; grid-template-columns: 1fr 1fr; margin: 13px -13px -13px; padding: 11px 13px; }
  .gt-celestial-actions > div { grid-column: 1 / -1; }
  .gt-celestial-actions .gt-btn { width: 100%; padding-inline: 7px; }
  .gt-celestial-source { align-items: flex-start; flex-direction: column; gap: 3px; }
}

@media (max-width: 430px) {
  .gt-library-hero, .gt-hero { padding: 16px 14px; }
  .gt-library-hero h2 { font-size: 26px; }
  .gt-library-tabs button { padding-inline: 9px; font-size: 12px; }
  .gt-expense-conversion { grid-column: auto; }
  .gt-celestial-summary { grid-template-columns: 1fr; }
  .gt-celestial-summary article, .gt-celestial-summary article:nth-child(2) { border-right: 0; border-bottom: 1px solid #37404e; }
  .gt-celestial-summary article:last-child { border-bottom: 0; }
}

/* Mobile F1 sheet: one stable selector rail and one scrolling detail pane. */
@media (max-width: 680px) {
  .gt-f1-overlay { align-items: end; }
  .gt-f1-sheet {
    height: min(94dvh, calc(100dvh - max(10px, env(safe-area-inset-top))));
    max-height: none;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    border-color: #4a4240;
    color: #f1efeb;
    background: #0d1218;
    box-shadow: 0 -18px 60px rgba(0, 0, 0, .52);
  }
  .gt-f1-head {
    gap: 12px;
    padding: 14px 14px 12px;
    border-bottom-color: #343536;
    background:
      radial-gradient(circle at 94% 0, rgba(222, 161, 91, .1), transparent 38%),
      linear-gradient(135deg, #1c1719, #111820 68%);
  }
  .gt-f1-head span { color: #dfa66f; font-size: 10px; letter-spacing: .1em; }
  .gt-f1-head h2 { margin: 4px 0; font-size: 22px; line-height: 1.22; }
  .gt-f1-head p { color: #b9bec5; font-size: 11px; line-height: 1.55; }
  .gt-f1-close {
    width: 40px;
    height: 40px;
    border-color: #55545a;
    color: #ece9e4;
    background: #1b2028;
  }
  .gt-f1-filters {
    gap: 6px;
    padding: 8px 10px;
    border-bottom-color: #303842;
    background: #0b1117;
    scrollbar-width: none;
  }
  .gt-f1-filters::-webkit-scrollbar,
  .gt-f1-calendar::-webkit-scrollbar,
  .gt-f1-mode-tabs::-webkit-scrollbar { display: none; }
  .gt-f1-filters button {
    min-height: 34px;
    border-color: #3c4650;
    color: #b7bec6;
    background: #121920;
    font-size: 11px;
  }
  .gt-f1-filters button.active {
    color: #1b140d;
    border-color: #e1a75f;
    background: #e1a75f;
  }
  .gt-f1-layout { display: contents; }
  .gt-f1-calendar {
    display: flex;
    gap: 7px;
    min-height: 0;
    overflow: auto hidden;
    padding: 8px 10px;
    border-right: 0;
    border-bottom: 1px solid #303842;
    background: #0a1016;
    scrollbar-width: none;
  }
  .gt-f1-race {
    flex: 0 0 min(228px, calc(100vw - 64px));
    min-height: 76px;
    gap: 2px;
    border-color: #38434d;
    border-radius: 10px;
    padding: 9px 10px;
    background: #121a22;
  }
  .gt-f1-race.active {
    border-color: #9c7450;
    background: #241d1b;
    box-shadow: inset 3px 0 #dfa65e;
  }
  .gt-f1-race > span, .gt-f1-race > i { color: #c49a72; font-size: 10px; }
  .gt-f1-race > b { font-size: 13px; }
  .gt-f1-race > small { color: #aeb6bf; font-size: 10px; }
  .gt-f1-detail {
    min-height: 0;
    overflow: auto;
    padding: 13px 12px max(14px, env(safe-area-inset-bottom));
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  .gt-f1-detail > header h3 { font-size: 21px; }
  .gt-f1-detail > header span { color: #d9a16d; }
  .gt-f1-mode-tabs {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    margin-top: 13px;
    padding-bottom: 2px;
    scrollbar-width: none;
  }
  .gt-f1-mode-tabs button {
    flex: 0 0 152px;
    min-height: 68px;
    border-color: #3a4651;
    background: #141c24;
  }
  .gt-f1-mode-tabs button.active {
    border-color: #a77c50;
    background: #271f1c;
    box-shadow: inset 0 -2px #dfa65e;
  }
  .gt-f1-mode-tabs button.active b { color: #f5dfc4; }
  .gt-f1-mode-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gt-f1-mode-summary > div,
  .gt-f1-mode-summary > div:nth-child(2n),
  .gt-f1-mode-summary > div:nth-last-child(-n+2) { border-right: 1px solid #34404b; border-bottom: 1px solid #34404b; }
  .gt-f1-mode-summary > div:nth-child(2n) { border-right: 0; }
  .gt-f1-mode-summary > div:nth-last-child(-n+2) { border-bottom: 0; }
  .gt-f1-pack-actions {
    position: static;
    bottom: auto;
    grid-template-columns: 1fr 1fr;
    margin: 14px -12px -14px;
    padding: 11px 12px 13px;
    border-top-color: #3b4148;
    background: #11171e;
    backdrop-filter: none;
  }
  .gt-f1-pack-actions > div { grid-column: 1 / -1; }
  .gt-f1-source {
    display: grid;
    gap: 2px;
    padding: 8px 12px max(8px, env(safe-area-inset-bottom));
    border-top-color: #303842;
    color: #969fa9;
    background: #090e14;
    font-size: 9px;
    line-height: 1.4;
  }
  .gt-f1-source span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .gt-f1-source a { color: #d3aa78; }
}

/* Shared mobile contract · keep the travel library inside the viewport */
@media (max-width: 680px) {
  .gt-shell {
    width: 100%; min-width: 0; max-width: 100%; overflow-x: clip;
  }
  .gt-main, .gt-panel, .gt-library-panel, .gt-library-tabs,
  .gt-library-list, .gt-template-list, .gt-template-toolbar,
  .gt-combination, .gt-combination-empty {
    min-width: 0; max-width: 100%;
  }
  .gt-library-tabs { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }
  .gt-library-tabs button { min-width:0; min-height:44px; white-space:normal; font-size:14px; }
  .gt-celestial-promo, .gt-f1-promo {
    width: calc(100% - 16px); min-width: 0; max-width: calc(100% - 16px);
    margin-right: 8px; margin-left: 8px;
  }
  .gt-celestial-promo-copy, .gt-celestial-promo-next,
  .gt-f1-promo-copy, .gt-f1-promo-next {
    min-width: 0; max-width: 100%; overflow-wrap: anywhere;
  }
  .gt-celestial-promo-copy h3, .gt-celestial-promo-copy p,
  .gt-f1-promo-copy h3, .gt-f1-promo-copy p {
    max-width: 100%; overflow-wrap: anywhere;
  }
  .gt-celestial-promo-next .gt-btn, .gt-f1-promo-next .gt-btn {
    width: 100%; min-width: 0; max-width: 100%; white-space: normal;
  }
}

/* Frontier Grand Tour · shared typography and same-page station preview */
.gt-frontier-tour, .gt-frontier-sheet { font-family: inherit; }
.gt-frontier-tour {
  margin: 14px; overflow: hidden; border: 1px solid #554a39; border-radius: 15px;
  color: #e9edf0; background: linear-gradient(145deg, #171713, #111820 66%, #18161a);
}
.gt-frontier-tour-head {
  display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 18px 20px;
  border-bottom: 1px solid #3d3b37; list-style: none; cursor: pointer; user-select: none;
}
.gt-frontier-tour-head::-webkit-details-marker { display: none; }
.gt-frontier-tour-head:hover { background: rgba(223, 172, 105, .035); }
.gt-frontier-tour:not([open]) .gt-frontier-tour-head { border-bottom-color: transparent; }
.gt-frontier-tour-head span, .gt-frontier-pack-card > div > span, .gt-frontier-head span {
  color: #dfac69; font-size: 11px; font-weight: 850; letter-spacing: .08em;
}
.gt-frontier-tour-head h3 { margin: 4px 0 5px; color: #f7f6f2; font-size: 23px; line-height: 1.25; }
.gt-frontier-tour-head p { max-width: 820px; margin: 0; color: #b8bec5; font-size: 13px; line-height: 1.65; }
.gt-frontier-tour-toggle { display: grid; flex: 0 0 auto; justify-items: end; gap: 7px; }
.gt-frontier-tour-toggle small { color: #9ea6ae; font-size: 11px; white-space: nowrap; }
.gt-frontier-tour-toggle b { display: inline-flex; align-items: center; gap: 7px; color: #e6bc82; font-size: 12px; }
.gt-frontier-tour-toggle b span { color: inherit; font-size: inherit; letter-spacing: 0; }
.gt-frontier-tour-toggle b .is-open { display: none; }
.gt-frontier-tour-toggle i { font-size: 18px; font-style: normal; line-height: 1; transition: transform .18s ease; }
.gt-frontier-tour[open] .gt-frontier-tour-toggle b .is-closed { display: none; }
.gt-frontier-tour[open] .gt-frontier-tour-toggle b .is-open { display: inline; }
.gt-frontier-tour[open] .gt-frontier-tour-toggle i { transform: rotate(180deg); }
.gt-frontier-pack-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px; }
.gt-frontier-pack-card {
  display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 13px; align-items: center; min-width: 0;
  border: 1px solid #3c444c; border-radius: 12px; padding: 14px; background: #141a20;
}
.gt-frontier-pack-mark { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid #7b633f; border-radius: 13px; background: #201c17; font-size: 23px; }
.gt-frontier-pack-card h4 { margin: 3px 0 4px; color: #f4f4f2; font-size: 17px; line-height: 1.35; }
.gt-frontier-pack-card p { margin: 0; color: #b5bdc5; font-size: 12px; line-height: 1.55; }
.gt-frontier-pack-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 8px; }
.gt-frontier-pack-meta b { color: #ddd7cb; font-size: 11px; }
.gt-frontier-pack-meta small { color: #9ea7b0; font-size: 10px; }
.gt-frontier-overlay { position: fixed; z-index: 9998; inset: 0; display: grid; place-items: center; padding: 20px; }
.gt-frontier-backdrop { position: absolute; inset: 0; border: 0; background: rgba(3, 7, 11, .78); backdrop-filter: blur(8px); }
.gt-frontier-sheet {
  position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(1320px, 100%);
  max-height: calc(100dvh - 40px); overflow: hidden; border: 1px solid #675b49; border-radius: 18px;
  color: #ecedef; background: #0d1319; box-shadow: 0 30px 100px rgba(0, 0, 0, .7);
}
.gt-frontier-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding: 19px 21px; border-bottom: 1px solid #3d3f42; background: linear-gradient(135deg, #1c1815, #101820 72%); }
.gt-frontier-head h2 { margin: 4px 0 5px; color: #f6f5f2; font-size: 28px; line-height: 1.2; }
.gt-frontier-head p { max-width: 900px; margin: 0; color: #b5bcc4; font-size: 13px; line-height: 1.6; }
.gt-frontier-close { display: grid; flex: 0 0 auto; width: 44px; height: 44px; place-items: center; border: 1px solid #555b62; border-radius: 12px; color: #e8eaec; background: #1a2027; font-size: 21px; cursor: pointer; }
.gt-frontier-scroll { min-height: 0; overflow: auto; padding: 13px; overscroll-behavior: contain; }
.gt-frontier-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.gt-frontier-overview article { display: grid; align-content: center; gap: 4px; min-width: 0; border: 1px solid #4c4438; border-radius: 11px; padding: 12px 14px; background: linear-gradient(145deg, #1d1915, #141b21); }
.gt-frontier-overview span { color: #d5a664; font-size: 10px; font-weight: 850; }
.gt-frontier-overview b { color: #f0f0ed; font-size: 14px; line-height: 1.45; }
.gt-frontier-overview small { color: #9da5ad; font-size: 10px; line-height: 1.5; }
.gt-frontier-route-map { display: grid; gap: 8px; margin-top: 10px; border: 1px solid #4a443a; border-radius: 13px; padding: 11px; background: #111820; }
.gt-frontier-route-map > header { display: flex; align-items: end; justify-content: space-between; gap: 14px; padding: 0 2px 2px; }
.gt-frontier-route-map > header span { color: #d5a664; font-size: 10px; font-weight: 850; }
.gt-frontier-route-map > header h3 { margin: 3px 0 0; color: #eeefed; font-size: 15px; }
.gt-frontier-route-map > header small, .gt-frontier-route-map > footer { color: #9ba4ad; font-size: 10px; line-height: 1.45; }
.gt-frontier-map-viewport { height: clamp(260px, 30vw, 360px); border-color: #5b4e3d; background: #11171c; }
.gt-frontier-map-viewport .gt-map-route-line { stroke: #e1aa63; }
.gt-frontier-route-map > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 2px; }
.gt-frontier-map-status { color: #c6b79f; }
.gt-frontier-workflow { margin-top: 10px; border: 1px solid #4f473a; border-radius: 11px; padding: 11px 13px; background: #181713; }
.gt-frontier-workflow > span { color: #d5a664; font-size: 10px; font-weight: 850; }
.gt-frontier-workflow ol { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 7px 0 0; padding-left: 19px; color: #c7cbd0; font-size: 11px; line-height: 1.55; }
.gt-frontier-layout { display: grid; grid-template-columns: 285px minmax(0, 1fr); gap: 10px; margin-top: 10px; }
.gt-frontier-stations { display: grid; align-content: start; gap: 7px; min-width: 0; }
.gt-frontier-station { display: grid; gap: 3px; min-width: 0; border: 1px solid #39444e; border-radius: 11px; padding: 12px; color: #dce1e5; background: #121a21; text-align: left; cursor: pointer; }
.gt-frontier-station.active { border-color: #a17849; background: #241e19; box-shadow: inset 3px 0 #e0aa63; }
.gt-frontier-station.selected { border-color: #6b8e82; }
.gt-frontier-station span, .gt-frontier-station i { color: #bd9467; font-size: 10px; font-style: normal; }
.gt-frontier-station b { color: #f2f2ef; font-size: 14px; }
.gt-frontier-station small { color: #aab2ba; font-size: 10px; }
.gt-frontier-detail { min-width: 0; overflow: hidden; border: 1px solid #3c4650; border-radius: 13px; background: #111820; }
.gt-frontier-detail > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding: 17px; border-bottom: 1px solid #35404a; }
.gt-frontier-detail > header span { color: #d6a567; font-size: 10px; font-weight: 850; }
.gt-frontier-detail > header h3 { margin: 4px 0; color: #f5f5f2; font-size: 23px; line-height: 1.25; }
.gt-frontier-detail > header p { margin: 0; color: #aeb6be; font-size: 12px; line-height: 1.5; }
.gt-frontier-detail > header a { color: #a6d8d0; font-size: 11px; white-space: nowrap; }
.gt-frontier-kpis { display: grid; grid-template-columns: .65fr 1.1fr 1.25fr 1.3fr; border-bottom: 1px solid #35404a; }
.gt-frontier-kpis article { display: grid; align-content: start; gap: 5px; padding: 13px; border-right: 1px solid #35404a; }
.gt-frontier-kpis article:last-child { border-right: 0; }
.gt-frontier-kpis span { color: #909aa4; font-size: 9px; font-weight: 800; }
.gt-frontier-kpis b { color: #e7e9e9; font-size: 12px; line-height: 1.45; }
.gt-frontier-kpis small { color: #9da5ad; font-size: 9px; line-height: 1.45; }
.gt-frontier-intro { margin: 0; padding: 15px 17px 2px; color: #c7ccd1; font-size: 13px; line-height: 1.7; }
.gt-frontier-places { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; padding: 12px 17px; }
.gt-frontier-places article { border: 1px solid #35404a; border-radius: 9px; padding: 10px; background: #141c24; }
.gt-frontier-places span { color: #a98b67; font-size: 9px; }
.gt-frontier-places b { display: block; margin: 3px 0; color: #e9ebeb; font-size: 12px; }
.gt-frontier-places p { margin: 0; color: #aab2ba; font-size: 10px; line-height: 1.5; }
.gt-frontier-plans { padding: 5px 17px 16px; }
.gt-frontier-plans > header { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin-bottom: 8px; }
.gt-frontier-plans > header span { color: #d0a064; font-size: 9px; font-weight: 850; }
.gt-frontier-plans > header h4 { margin: 3px 0 0; color: #eceeed; font-size: 15px; }
.gt-frontier-plans > header small { color: #949da6; font-size: 9px; }
.gt-frontier-plan-grid { display: grid; gap: 7px; }
.gt-frontier-plan-grid > article { display: grid; grid-template-columns: 125px repeat(3, minmax(0, 1fr)); border: 1px solid #35404a; border-radius: 9px; overflow: hidden; background: #121a22; }
.gt-frontier-plan-grid > article > header, .gt-frontier-plan-grid > article > p { margin: 0; padding: 10px; border-right: 1px solid #35404a; }
.gt-frontier-plan-grid > article > header { display: grid; align-content: start; gap: 4px; }
.gt-frontier-plan-grid header span { color: #9fa8b1; font-size: 9px; }
.gt-frontier-plan-grid header b { color: #e3e6e7; font-size: 11px; }
.gt-frontier-plan-grid > article > p { color: #bdc5cc; font-size: 10px; line-height: 1.55; }
.gt-frontier-plan-grid > article > p span { display: inline-grid; width: 21px; height: 21px; place-items: center; margin-right: 6px; border-radius: 99px; color: #17120d; background: #d8a55f; font-size: 9px; font-weight: 900; }
.gt-frontier-plan-grid footer { grid-column: 1 / -1; padding: 7px 10px; border-top: 1px solid #35404a; color: #929ca5; font-size: 9px; }
.gt-frontier-boundary { margin: 0 17px 15px; border: 1px solid #62513c; border-radius: 9px; padding: 11px; color: #c8c2ba; background: #1d1915; }
.gt-frontier-boundary b { color: #edc58d; font-size: 11px; }
.gt-frontier-boundary p { margin: 4px 0 0; font-size: 10px; line-height: 1.55; }
.gt-frontier-actions { position: sticky; bottom: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 12px 17px; border-top: 1px solid #3a4249; background: rgba(13, 19, 25, .96); }
.gt-frontier-actions > div { display: grid; gap: 3px; }
.gt-frontier-actions b { color: #e8e9e7; font-size: 11px; }
.gt-frontier-actions span { color: #9da5ad; font-size: 9px; }
.gt-frontier-source { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 15px; border-top: 1px solid #343b42; color: #aab1b8; background: #0a1016; font-size: 9px; }
.gt-frontier-source small { color: #858f99; }

@media (max-width: 900px) {
  .gt-frontier-pack-grid { grid-template-columns: 1fr; }
  .gt-frontier-layout { grid-template-columns: 1fr; }
  .gt-frontier-stations { display: flex; overflow-x: auto; scrollbar-width: thin; }
  .gt-frontier-station { flex: 0 0 240px; }
  .gt-frontier-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gt-frontier-kpis article:nth-child(2) { border-right: 0; }
  .gt-frontier-kpis article:nth-child(-n+2) { border-bottom: 1px solid #35404a; }
  .gt-frontier-plan-grid > article { grid-template-columns: 110px repeat(3, minmax(190px, 1fr)); overflow-x: auto; }
}
@media (max-width: 680px) {
  .gt-library-hero h2, .gt-hero-copy h2 { font-size: var(--type-page-title, 32px); line-height: 1.12; letter-spacing: -.035em; }
  .gt-library-hero p, .gt-hero-copy p { font-size: var(--type-body, 14px); line-height: 1.65; }
  .gt-panel-title h3, .gt-subhead h4 { font-size: var(--type-card-title, 20px); line-height: 1.3; }
  .gt-frontier-tour { width: calc(100% - 16px); max-width: calc(100% - 16px); margin: 8px; }
  .gt-frontier-tour-head { display: grid; gap: 7px; padding: 14px; }
  .gt-frontier-tour-head h3 { font-size: var(--type-section-title, 20px); }
  .gt-frontier-tour-head p { font-size: var(--type-body, 13px); }
  .gt-frontier-tour-toggle { grid-template-columns: minmax(0, 1fr) auto; align-items: center; justify-items: start; width: 100%; }
  .gt-frontier-tour-toggle small { white-space: normal; }
  .gt-frontier-tour-toggle b { justify-self: end; }
  .gt-frontier-pack-grid { padding: 8px; }
  .gt-frontier-pack-card { grid-template-columns: 42px minmax(0, 1fr); padding: 11px; }
  .gt-frontier-pack-mark { width: 42px; height: 42px; font-size: 19px; }
  .gt-frontier-pack-card h4 { font-size: 15px; }
  .gt-frontier-pack-card p { font-size: 11px; }
  .gt-frontier-pack-card .gt-btn { grid-column: 1 / -1; width: 100%; }
  .gt-frontier-overlay { place-items: end center; padding: 0; }
  .gt-frontier-sheet { width: 100%; max-width: 100%; height: min(94dvh, calc(100dvh - max(10px, env(safe-area-inset-top)))); max-height: none; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 18px 18px 0 0; }
  .gt-frontier-head { gap: 11px; padding: 14px 14px 12px; }
  .gt-frontier-head h2 { font-size: var(--type-section-title, 22px); }
  .gt-frontier-head p { display: -webkit-box; overflow: hidden; font-size: 11px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .gt-frontier-close { width: 40px; height: 40px; }
  .gt-frontier-scroll { padding: 10px; }
  .gt-frontier-overview { grid-template-columns: 1fr; }
  .gt-frontier-route-map > header, .gt-frontier-route-map > footer { display: grid; gap: 4px; }
  .gt-frontier-map-viewport { height: 270px; }
  .gt-frontier-stations::-webkit-scrollbar { display: none; }
  .gt-frontier-workflow ol { display: grid; }
  .gt-frontier-station { flex-basis: min(230px, calc(100vw - 54px)); }
  .gt-frontier-detail > header { display: grid; padding: 13px; }
  .gt-frontier-detail > header h3 { font-size: var(--type-card-title, 20px); }
  .gt-frontier-detail > header a { white-space: normal; }
  .gt-frontier-kpis { grid-template-columns: 1fr; }
  .gt-frontier-kpis article, .gt-frontier-kpis article:nth-child(2) { border-right: 0; border-bottom: 1px solid #35404a; }
  .gt-frontier-kpis article:last-child { border-bottom: 0; }
  .gt-frontier-intro { padding: 13px 13px 2px; font-size: var(--type-body, 13px); }
  .gt-frontier-places { grid-template-columns: 1fr; padding: 10px 13px; }
  .gt-frontier-plans { padding: 4px 13px 13px; }
  .gt-frontier-plans > header { display: grid; gap: 4px; }
  .gt-frontier-plan-grid > article { display: block; overflow: hidden; }
  .gt-frontier-plan-grid > article > header, .gt-frontier-plan-grid > article > p { border-right: 0; border-bottom: 1px solid #35404a; }
  .gt-frontier-plan-grid > article > p { font-size: 11px; }
  .gt-frontier-plan-grid footer { grid-column: auto; border-top: 0; }
  .gt-frontier-boundary { margin: 0 13px 13px; }
  .gt-frontier-actions { grid-template-columns: 1fr 1fr; padding: 11px 13px; }
  .gt-frontier-actions > div { grid-column: 1 / -1; }
  .gt-frontier-actions .gt-btn { width: 100%; min-width: 0; padding-inline: 7px; }
  .gt-frontier-source { align-items: start; flex-direction: column; gap: 2px; padding-bottom: max(9px, env(safe-area-inset-bottom)); }
}

/* One mobile reading rhythm for the travel library and every Grand Prix sheet. */
@media (max-width: 680px) {
  .gt-celestial-sheet, .gt-f1-sheet, .gt-frontier-sheet { font-size: var(--type-body, 14px); line-height: 1.6; }
  .gt-celestial-head p, .gt-f1-head p, .gt-frontier-head p,
  .gt-celestial-detail > header p, .gt-f1-detail > header p, .gt-frontier-detail > header p,
  .gt-celestial-promo-copy p, .gt-f1-promo-copy p, .gt-frontier-pack-card p { font-size: 13px; line-height: 1.62; }
  .gt-celestial-head h2, .gt-f1-head h2, .gt-frontier-head h2 { font-size: var(--type-section-title, 22px); line-height: 1.25; letter-spacing: -.02em; }
  .gt-celestial-detail > header h3, .gt-f1-detail > header h3, .gt-frontier-detail > header h3 { font-size: var(--type-card-title, 20px); line-height: 1.3; letter-spacing: -.02em; }
  .gt-f1-filters button, .gt-f1-race > b, .gt-f1-mode-tabs button b,
  .gt-celestial-modes button b, .gt-celestial-topics button b, .gt-celestial-station > b,
  .gt-frontier-overview b, .gt-frontier-station b, .gt-frontier-kpis b,
  .gt-frontier-places b, .gt-frontier-plan-grid header b, .gt-frontier-boundary b { font-size: 13px; }
  .gt-f1-race > span, .gt-f1-race > i, .gt-f1-race > small,
  .gt-f1-mode-tabs button small, .gt-f1-mode-tabs button span, .gt-f1-source,
  .gt-celestial-modes button span, .gt-celestial-modes button small,
  .gt-celestial-topics button > span, .gt-celestial-topics button small, .gt-celestial-topics button em,
  .gt-celestial-station > span, .gt-celestial-station > i, .gt-celestial-station > small,
  .gt-celestial-actions span, .gt-celestial-source,
  .gt-frontier-tour-toggle small, .gt-frontier-pack-meta b, .gt-frontier-pack-meta small,
  .gt-frontier-overview span, .gt-frontier-overview small, .gt-frontier-route-map > header small, .gt-frontier-route-map > footer, .gt-frontier-workflow > span, .gt-frontier-workflow ol,
  .gt-frontier-station span, .gt-frontier-station i, .gt-frontier-station small,
  .gt-frontier-kpis span, .gt-frontier-kpis small, .gt-frontier-places span, .gt-frontier-places p,
  .gt-frontier-plans > header span, .gt-frontier-plans > header small,
  .gt-frontier-plan-grid header span, .gt-frontier-plan-grid > article > p, .gt-frontier-plan-grid footer,
  .gt-frontier-boundary p, .gt-frontier-actions span, .gt-frontier-source { font-size: 12px; }
  .gt-celestial-actions b, .gt-frontier-actions b { font-size: 13px; }
}

/* Global Theme Travel V1.0 */
.gt-theme-library { margin: 14px; overflow: hidden; border: 1px solid #594b37; border-radius: 15px; color: #e9edf0; background: #10161c; }
.gt-theme-library-head {
  display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 18px 20px;
  border: 0; border-radius: 0; list-style: none; cursor: pointer; user-select: none;
  background: linear-gradient(145deg, #1c1813, #121920 65%, #15171b);
}
.gt-theme-library-head::-webkit-details-marker { display: none; }
.gt-theme-library-head:hover { background: linear-gradient(145deg, #211b14, #141b22 65%, #18191d); }
.gt-theme-library[open] .gt-theme-library-head { border-bottom: 1px solid #493f31; }
.gt-theme-library-head > div > span, .gt-theme-subhead > span, .gt-theme-card-top small {
  color: #dfac69; font-size: 11px; font-weight: 850; letter-spacing: .08em;
}
.gt-theme-library-head h3 { margin: 4px 0 5px; color: #f7f6f2; font-size: 23px; line-height: 1.25; }
.gt-theme-library-head p { max-width: 880px; margin: 0; color: #b8bec5; font-size: 13px; line-height: 1.65; }
.gt-theme-library-toggle { display: grid; flex: 0 0 auto; justify-items: end; gap: 8px; }
.gt-theme-library-toggle small { max-width: 330px; color: #aab1b8; font-size: 11px; line-height: 1.55; text-align: right; }
.gt-theme-library-toggle b { display: inline-flex; align-items: center; gap: 7px; color: #e6bc82; font-size: 12px; }
.gt-theme-library-toggle .is-open { display: none; }
.gt-theme-library-toggle i { font-size: 18px; font-style: normal; line-height: 1; transition: transform .18s ease; }
.gt-theme-library[open] .gt-theme-library-toggle .is-closed { display: none; }
.gt-theme-library[open] .gt-theme-library-toggle .is-open { display: inline; }
.gt-theme-library[open] .gt-theme-library-toggle i { transform: rotate(180deg); }
.gt-theme-library-body { padding: 12px; }
.gt-theme-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.gt-theme-grid-featured { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.gt-theme-card {
  --theme-accent: #dfac69; --theme-accent-rgb: 223, 172, 105;
  position: relative; display: grid; grid-template-rows: auto auto auto 1fr auto; gap: 11px; min-width: 0; overflow: hidden;
  border: 1px solid rgba(var(--theme-accent-rgb), .34); border-radius: 14px; padding: 15px;
  background: radial-gradient(circle at 94% 2%, rgba(var(--theme-accent-rgb), .11), transparent 34%), linear-gradient(150deg, #151c23, #10161c 72%);
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 10px 28px rgba(0,0,0,.12);
}
.gt-theme-card::before {
  content: ""; position: absolute; z-index: 1; top: 0; left: 15px; right: 15px; height: 2px;
  border-radius: 0 0 99px 99px; background: linear-gradient(90deg, transparent, var(--theme-accent), transparent); opacity: .92;
}
.gt-theme-card.featured { border-color: rgba(var(--theme-accent-rgb), .46); }
.gt-theme-card[data-theme-pack="f1-world"] { --theme-accent: #ef7c70; --theme-accent-rgb: 239, 124, 112; }
.gt-theme-card[data-theme-pack="celestial"] { --theme-accent: #9e91f2; --theme-accent-rgb: 158, 145, 242; }
.gt-theme-card[data-theme-pack="alien-earth"] { --theme-accent: #d88c58; --theme-accent-rgb: 216, 140, 88; }
.gt-theme-card[data-theme-pack="glowing-earth"] { --theme-accent: #80d9ae; --theme-accent-rgb: 128, 217, 174; }
.gt-theme-card[data-theme-pack="blue-planet"] { --theme-accent: #64bfe3; --theme-accent-rgb: 100, 191, 227; }
.gt-theme-card[data-theme-pack="launch-chase"] { --theme-accent: #e4b76d; --theme-accent-rgb: 228, 183, 109; }
.gt-theme-card[data-theme-pack="great-migration"] { --theme-accent: #c7b46d; --theme-accent-rgb: 199, 180, 109; }
.gt-theme-card[data-theme-pack="living-planet"] { --theme-accent: #e48562; --theme-accent-rgb: 228, 133, 98; }
.gt-theme-card[data-theme-pack="ends-earth"] { --theme-accent: #91cce8; --theme-accent-rgb: 145, 204, 232; }
.gt-theme-card[data-theme-pack="edge-world"] { --theme-accent: #b0a4d7; --theme-accent-rgb: 176, 164, 215; }
.gt-theme-card-top { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 11px; min-width: 0; }
.gt-theme-mark {
  position: relative; display: grid; width: 42px; height: 42px; place-items: center; overflow: hidden;
  border: 1px solid rgba(var(--theme-accent-rgb), .62); border-radius: 12px; color: var(--theme-accent);
  background: radial-gradient(circle at 72% 20%, rgba(var(--theme-accent-rgb), .18), transparent 34%), rgba(var(--theme-accent-rgb), .035);
  font: 900 12px/1 var(--font-mono, ui-monospace, monospace); letter-spacing: -.035em;
  box-shadow: inset 0 0 22px rgba(var(--theme-accent-rgb), .06), 0 0 20px rgba(var(--theme-accent-rgb), .035);
}
.gt-theme-mark::after {
  content: ""; position: absolute; right: 7px; bottom: 8px; width: 16px; height: 2px;
  border-radius: 99px; background: var(--theme-accent); opacity: .82; transform: skewX(-28deg);
}
.gt-theme-card-top small { color: var(--theme-accent); }
.gt-theme-card h4 { margin: 3px 0 4px; color: #f5f4f1; font-size: 17px; line-height: 1.32; letter-spacing: -.012em; overflow-wrap: anywhere; }
.gt-theme-card p { margin: 0; color: #b7c0c8; font-size: 12px; line-height: 1.58; }
.gt-theme-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 8px; }
.gt-theme-card-meta span { border: 1px solid rgba(var(--theme-accent-rgb), .3); border-radius: 99px; padding: 3px 7px; color: #b7c1c9; background: rgba(var(--theme-accent-rgb), .035); font-size: 9px; }
.gt-theme-card-meta b { margin-left: auto; color: var(--theme-accent); font-size: 11px; font-variant-numeric: tabular-nums; }
.gt-theme-card-stops { display: flex; flex-wrap: wrap; gap: 5px; }
.gt-theme-card-stops span { border-radius: 6px; padding: 4px 6px; color: #c4ccd2; background: rgba(var(--theme-accent-rgb), .07); font-size: 9px; line-height: 1.35; }
.gt-theme-next { align-self: end; color: var(--theme-accent) !important; }
.gt-theme-card .gt-btn { width: 100%; min-width: 0; border-color: rgba(var(--theme-accent-rgb), .46); color: #f0f3f5; white-space: normal; background: linear-gradient(145deg, rgba(var(--theme-accent-rgb), .19), rgba(var(--theme-accent-rgb), .08)); }
.gt-theme-card .gt-btn:hover { border-color: rgba(var(--theme-accent-rgb), .72); background: linear-gradient(145deg, rgba(var(--theme-accent-rgb), .27), rgba(var(--theme-accent-rgb), .12)); }
.gt-theme-subhead { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin: 18px 2px 9px; }
.gt-theme-subhead p { margin: 0; color: #98a2ab; font-size: 11px; }
.gt-theme-completion { margin: 3px 17px 15px; border: 1px solid #65523b; border-radius: 11px; padding: 12px 14px; background: #1b1814; }
.gt-theme-completion header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gt-theme-completion header span { color: #d5a664; font-size: 10px; font-weight: 850; }
.gt-theme-completion header b { color: #e9e7e1; font-size: 11px; }
.gt-theme-completion ol { display: grid; gap: 5px; margin: 9px 0 0; padding-left: 20px; color: #c4c9ce; font-size: 11px; line-height: 1.55; }
.gt-theme-station.completed { border-color: #669887; box-shadow: inset 3px 0 #78d8c5; }
.gt-theme-station.completed i { color: #8bd8ca; }
.gt-theme-detail .gt-frontier-actions { grid-template-columns: minmax(0, 1fr) repeat(3, auto); }
.gt-theme-map-status { color: #c6b79f; }

@media (max-width: 1180px) {
  .gt-theme-grid, .gt-theme-grid-featured { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .gt-theme-grid, .gt-theme-grid-featured { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .gt-theme-library { width: calc(100% - 16px); max-width: calc(100% - 16px); margin: 8px; }
  .gt-theme-library-head { display: grid; gap: 9px; padding: 14px; }
  .gt-theme-library-head h3 { font-size: var(--type-section-title, 20px); }
  .gt-theme-library-head p { font-size: var(--type-body, 13px); }
  .gt-theme-library-toggle { grid-template-columns: minmax(0, 1fr) auto; align-items: end; justify-items: start; width: 100%; }
  .gt-theme-library-toggle small { max-width: none; text-align: left; }
  .gt-theme-library-toggle b { align-self: end; justify-self: end; }
  .gt-theme-library-body { padding: 9px; }
  .gt-theme-grid, .gt-theme-grid-featured { grid-template-columns: 1fr; }
  .gt-theme-card { padding: 13px; }
  .gt-theme-card h4 { font-size: var(--type-card-title, 18px); }
  .gt-theme-card p { font-size: var(--type-body, 13px); }
  .gt-theme-card-top { grid-template-columns: 40px minmax(0, 1fr); }
  .gt-theme-mark { width: 40px; height: 40px; }
  .gt-theme-subhead { display: grid; gap: 3px; margin-top: 16px; }
  .gt-theme-completion { margin: 3px 13px 13px; padding: 11px 12px; }
  .gt-theme-completion header { display: grid; gap: 3px; }
  .gt-theme-completion ol { font-size: 12px; }
  .gt-theme-detail .gt-frontier-actions { grid-template-columns: 1fr; }
  .gt-theme-detail .gt-frontier-actions > div { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .gt-shell * { scroll-behavior: auto !important; transition: none !important; }
}

/* Mobile form safety: native pickers stay readable and fields do not clip. */
@media (max-width: 680px) {
  .gt-participants label { min-height: 44px; }
  .gt-participants input[type="checkbox"] { width: 20px; min-height: 20px; }
  .gt-participants .gt-custom-share { min-height: 44px; }
}
@media (max-width: 430px) {
  .gt-trip-form, .gt-schedule-form { grid-template-columns: minmax(0, 1fr); }
  .gt-trip-form .members-field,
  .gt-schedule-form label.route-field,
  .gt-schedule-form label.plan-field,
  .gt-schedule-form label.detail-field,
  .gt-schedule-form label.note-field { grid-column: 1; }
}
@media (hover: none) and (pointer: coarse) {
  .gt-participants label,
  .gt-participants .gt-custom-share { min-height: 44px; }
  .gt-shell input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
  .gt-shell select,
  .gt-shell textarea { font-size: 16px !important; }
}

/* A visible race rail works with a mouse as well as touch, including narrow desktop panels. */
.gt-f1-sheet{grid-template-rows:auto auto minmax(0,1fr) auto}
.gt-f1-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.gt-f1-calendar-region{min-width:0;min-height:0;background:#0a1016}
.gt-f1-calendar-nav{display:flex;align-items:center;gap:6px;padding:4px 10px;color:#bdccd6;font-size:12px}.gt-f1-calendar-nav>span{flex:1}.gt-f1-calendar-nav button{width:44px;height:44px;border:1px solid #465e71;border-radius:8px;background:#142a3a;color:#fff;font-size:24px;cursor:pointer}
.gt-f1-calendar{display:flex;min-width:0;overflow:auto hidden;scrollbar-width:auto;scrollbar-color:#738b9f #15232e;border-right:0;max-height:none;padding:8px 10px 12px}.gt-f1-calendar::-webkit-scrollbar{display:block;height:10px}.gt-f1-calendar::-webkit-scrollbar-thumb{background:#738b9f;border-radius:8px}.gt-f1-calendar::-webkit-scrollbar-track{background:#15232e}.gt-f1-race{flex:0 0 min(240px,calc(100vw - 64px))}
.gt-f1-detail{min-height:0;overflow:auto;overscroll-behavior:contain}
/* Short windows need one full-height reading surface after the race selector. */
@media (max-height: 640px) {
  .gt-f1-sheet{display:block;overflow-y:auto;overscroll-behavior:contain}
  .gt-f1-head{position:sticky;top:0;z-index:3}
  .gt-f1-layout{display:block;overflow:visible}
  .gt-f1-detail{overflow:visible}
}
.gt-celestial-season-summary>article{display:grid;gap:6px;padding:14px;border:1px solid #4b5364;border-radius:12px;background:#151d28;color:#f4f5f8}.gt-celestial-season-summary small{color:#aeb7c3}.gt-celestial-season-summary .gt-btn{justify-self:start}