main{padding-block:48px 64px}main:has(>.card.center){flex-direction:column;justify-content:center;padding-block:48px;display:flex}.site-footer{margin-top:0}.app-footer .footer-main{border-top:0;padding-top:0}.app-header .wrap{min-height:88px}.app-header .logo img{width:168px}main h1{font-size:clamp(1.75rem,3vw + 1rem,2.5rem)}.stack>*+*{margin-top:24px}.card h2{font-size:1.25rem}.card>:last-child{margin-bottom:0}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hint{color:var(--tmr-slate-text);font-size:.9375rem}[hidden]{display:none!important}fieldset.plans{border:0;gap:12px;margin:0 0 16px;padding:0;display:grid}fieldset.plans legend{margin-bottom:8px;padding:0;font-weight:600}.plan-option{border:1px solid var(--tmr-mist);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.plan-option:has(input:checked){border-color:var(--tmr-indigo);box-shadow:0 0 0 1px var(--tmr-indigo)}.plan-option:has(input:focus-visible){outline:3px solid var(--tmr-indigo);outline-offset:2px}.plan-option input{width:20px;height:20px;accent-color:var(--tmr-indigo);flex:none}.plan-option .price{font:700 1.0625rem/1.2 var(--font-display);white-space:nowrap;text-align:right;margin-left:auto}.plan-option .price small{font:400 .8125rem/1.3 var(--font-body);color:var(--tmr-slate-text);display:block}.plan-option .name{font-weight:600}label.field{margin-bottom:6px;font-weight:600;display:block}input[type=text],input[type=email]{border:1px solid var(--tmr-slate);width:100%;max-width:360px;min-height:44px;font:inherit;color:var(--tmr-ink);background:#fff;border-radius:10px;margin-bottom:12px;padding:8px 12px;display:block}.status{min-height:1.6em}.status.bad,.bad{color:var(--tmr-bad)}.status.ok{color:var(--tmr-mint-text)}.delete-card{border-color:#f0c4c4}.center{text-align:center}.center .row{justify-content:center}.center input[type=email]{margin-inline:auto}.center hr{border:0;border-top:1px solid var(--tmr-mist);margin:24px 0}.status:empty{display:none}.usage-card{padding:0 0 24px;overflow:hidden}.usage-head,.usage-card #todayBlock,.usage-stats,.usage-foot{padding-inline:24px}.usage-head{align-items:center;gap:14px;padding-top:24px;display:flex}.usage-icon{background:var(--tmr-gold-tint);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #f4b4004d}.usage-icon img{display:block}.usage-title{min-width:0}.usage-title h2{margin:0}.usage-title .hint{overflow-wrap:anywhere;margin:0}.plan-pill{align-self:flex-start;margin-left:auto}.usage-card #todayBlock{padding-top:24px}.meter{gap:4px;height:26px;display:flex;position:relative}.meter span{background:var(--tmr-cloud);min-width:0;box-shadow:inset 0 0 0 1px var(--tmr-mist);border-radius:9999px;flex:1 1 0}.meter span.on{background:var(--tmr-indigo-soft);box-shadow:0 2px 8px #5c6cc040}.meter-legend{color:var(--tmr-slate-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:12px;font-size:.9375rem;display:flex}.meter-legend strong{color:var(--tmr-ink);font:700 1.0625rem/1 var(--font-display)}.meter-legend .pct{background:var(--tmr-cloud);border:1px solid var(--tmr-mist);color:var(--tmr-ink);border-radius:8px;margin-left:4px;padding:1px 8px;font-size:.8125rem;font-weight:600;display:inline-block}.usage-stats{flex-wrap:wrap;gap:12px 40px;margin:20px 0 0;display:flex}.usage-stats:not(:has(>div:not([hidden]))){display:none}.usage-stats dt{color:var(--tmr-slate-text);font-size:.8125rem}.usage-stats dd{margin:0;font-weight:600}.usage-foot{border-top:1px solid var(--tmr-mist);background:var(--tmr-cloud);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding-block:16px;display:flex}.usage-card>.usage-foot{margin:24px 0 -24px}.usage-foot .hint{margin-right:auto}.usage-foot .status:not(:empty){flex-basis:100%;margin:0}.usage-foot .status:not(:empty)+.hint{display:none}main>.card.center{width:100%;max-width:600px;margin-inline:auto;padding:clamp(32px,6vw,56px) clamp(24px,6vw,56px)}.card.center h1{text-wrap:balance;margin-bottom:.4em}.card.center p{text-wrap:pretty}.card.center>.row{margin:28px 0 0}.card.center .status{margin-bottom:0}:root{--ease-out:cubic-bezier(.2, .7, .2, 1);--dur-in:.36s;--dur-fast:.2s}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}}@keyframes fade-in{0%{opacity:0}}.card{animation:card-in var(--dur-in) var(--card-delay,0s) var(--ease-out) both}.stack>.card:nth-child(2){--card-delay:50ms}.stack>.card:nth-child(3){--card-delay:.1s}.stack>.card:nth-child(n+4){--card-delay:.15s}.status:not(:empty),#retry,#back,#notice,#loadError{animation:fade-up var(--dur-fast) var(--ease-out) both}@keyframes seg-in{0%{opacity:0;transform:scaleY(.4)}}.meter span.on{animation:seg-in .26s calc(.2s + var(--i,0) * 14ms) var(--ease-out) both}#loading{animation:fade-in var(--dur-fast) .15s ease both}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:var(--dur-fast)}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
