.tr-btn{white-space:nowrap}.tr-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid color-mix(in srgb,var(--brand) 26%,transparent);border-radius:var(--r-lg);background:linear-gradient(135deg,var(--brand-soft),color-mix(in srgb,var(--accent-soft) 70%,var(--surface)));color:var(--text);text-align:start;font:inherit;cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);min-height:var(--tap-min,44px)}.tr-card:hover{box-shadow:var(--shadow-sm)}.tr-card:active{transform:scale(.99)}.tr-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tr-card-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:var(--surface);color:var(--brand);box-shadow:var(--shadow-xs)}.tr-card-text{display:grid;gap:2px;flex:1;min-width:0}.tr-card-text strong{font-size:15px}.tr-card-text small{color:var(--text-2);font-size:13px;line-height:1.6}.tr-card-go{flex:none;pointer-events:none}.tr-sheet{display:grid;gap:16px}.tr-hero{display:grid;place-items:center;padding:18px 0 8px;border-radius:var(--r-xl);background:radial-gradient(circle at 50% 110%,var(--brand-soft),transparent 70%)}.tr-hero-days{display:grid;place-content:center;justify-items:center;width:104px;height:104px;border-radius:50%;background:linear-gradient(145deg,var(--brand),var(--brand-2,var(--brand)));color:var(--on-brand);box-shadow:var(--shadow-brand,var(--shadow-md))}.tr-hero-days b{font-size:40px;line-height:1.05;font-weight:800}.tr-hero-days small{font-size:13px;opacity:.92}.tr-perks{list-style:none;margin:0;padding:0;display:grid;gap:12px}.tr-perks li{display:flex;gap:12px;align-items:flex-start}.tr-perks li>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--brand-soft);color:var(--brand-ink,var(--brand))}.tr-perks strong{display:block;font-size:14px}.tr-perks small{color:var(--text-2);font-size:13px;line-height:1.7}.tr-fine{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:12px}.tr-sheet-foot{display:flex;gap:8px;width:100%}.tr-sheet-foot .ui-btn-primary{flex:1}.tr-spin{animation:tr-spin 1s linear infinite}@keyframes tr-spin{to{transform:rotate(1turn)}}.tr-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-lg);border:1px solid color-mix(in srgb,var(--success) 24%,transparent);background:linear-gradient(135deg,var(--success-soft),var(--surface));font-size:14px}.tr-banner[data-urgent]{border-color:color-mix(in srgb,var(--warning) 30%,transparent);background:linear-gradient(135deg,var(--warning-soft),var(--surface))}.tr-banner-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:var(--surface);color:var(--success);box-shadow:var(--shadow-xs)}.tr-banner[data-urgent] .tr-banner-icon{color:var(--warning)}.tr-banner-text{display:grid;gap:3px;flex:1;min-width:0}.tr-banner-text>span:not(.tr-meter){color:var(--text-2);font-size:13px;line-height:1.6}.tr-meter{display:block;height:4px;margin-top:4px;border-radius:var(--r-full);background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}.tr-meter i{display:block;height:100%;background:var(--success);transform-origin:right center;transition:transform var(--dur-slow) var(--ease)}.tr-banner[data-urgent] .tr-meter i{background:var(--warning)}.tr-banner-cta{flex:none}.tr-banner[data-compact]{padding:8px 12px}.tr-banner[data-compact] .tr-banner-icon{width:32px;height:32px;border-radius:10px}@media (max-width:480px){.tr-banner{flex-wrap:wrap}.tr-banner-cta{width:100%}.tr-card{flex-wrap:wrap}.tr-card-go{width:100%}}@media (prefers-reduced-motion:reduce){.tr-card,.tr-meter i{transition:none}.tr-spin{animation:none}}