.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-main{width:100%;max-width:var(--page-max);padding:calc(var(--site-header-height,104px) + var(--s-6)) var(--gutter) var(--s-9);flex:1;margin:0 auto}.app-main--narrow{max-width:52rem}.app-title{gap:var(--s-2);margin-bottom:var(--s-6);padding-bottom:var(--s-5);border-bottom:1px solid var(--rule);display:grid}.app-title h1{font-family:var(--f-display);letter-spacing:-.025em;font-size:clamp(2rem,1.6rem + 1.6vw,2.75rem);font-weight:400;line-height:1.05}.app-title p{color:var(--ink-2);max-width:40em}.app-panel{padding:var(--s-5);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-2);box-shadow:var(--lift-1)}.app-panel__head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--rule);display:flex}.app-panel__head h2{font-family:var(--f-display);letter-spacing:-.01em;font-size:1.35rem;font-weight:400}.app-empty{justify-items:start;gap:var(--s-3);padding:var(--s-6) var(--s-5);border:1px dashed var(--rule-strong);border-radius:var(--r-2);color:var(--ink-2);display:grid}.app-notice{gap:var(--s-3);padding:var(--s-6);border:1px solid var(--rule-strong);border-left:3px solid var(--wax);border-radius:var(--r-2);background:var(--sheet);justify-items:start;display:grid}.app-loading{align-items:center;gap:var(--s-3);padding:var(--s-8) 0;color:var(--ink-3);font-size:var(--t-small);display:flex}.ba{align-items:center;gap:var(--s-3) var(--s-4);margin-top:var(--s-4);padding:var(--s-4) var(--s-5);border:1px solid var(--rule);border-radius:var(--r-2);background:var(--paper-2);grid-template-columns:1fr auto 1fr;display:grid}.ba__side{text-align:center;justify-items:center;gap:.2rem;display:grid}.ba__label{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:.6875rem}.ba__dial{justify-items:center;display:grid;position:relative}.ba__num{font-family:var(--f-mono);letter-spacing:-.04em;margin-top:.2rem;font-size:1.75rem;line-height:1}.ba__band{font-family:var(--f-display);font-size:1rem}.ba__band--low{color:var(--band-low)}.ba__band--mid{color:var(--band-mid)}.ba__band--high{color:var(--band-high)}.ba__meta{color:var(--ink-3);font-size:.75rem}.ba__delta{color:var(--ink-3);justify-items:center;gap:.2rem;display:grid}.ba__delta span{font-family:var(--f-mono);font-size:1.05rem;font-weight:600}.ba__delta .is-up{color:var(--kept)}.ba__delta .is-down{color:var(--wax)}.ba__note{color:var(--ink-3);text-align:center;grid-column:1/-1;font-size:.75rem}.db-grid{gap:var(--s-5);display:grid}@media (min-width:60rem){.db-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}}.db-col{gap:var(--s-5);display:grid}.db-quick{gap:var(--s-3);display:grid}@media (min-width:40rem){.db-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}.db-quick a{padding:var(--s-4) var(--s-5);border:1px solid var(--rule);border-radius:var(--r-2);background:var(--sheet);color:var(--ink);transition:border-color var(--d-fast) ease, transform var(--d-base) var(--ease-out);gap:.35rem;text-decoration:none;display:grid}.db-quick a:hover{border-color:var(--ink);transform:translateY(-2px)}.db-quick a span:first-child{font-family:var(--f-display);letter-spacing:-.01em;font-size:1.35rem}.db-quick a span:last-child{color:var(--ink-3);font-size:.8125rem}.db-voices{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.db-voices li a,.db-voices li>div{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--rule);border-radius:var(--r-2);color:var(--ink);text-decoration:none;display:flex}.db-voices li a:hover{border-color:var(--ink)}.db-voices__name{font-weight:600}.db-voices__meta{color:var(--ink-3);font-size:.8125rem;font-family:var(--f-mono)}.db-drafts{margin:0;padding:0;list-style:none;display:grid}.db-drafts li{padding:var(--s-3) 0;border-bottom:1px solid var(--rule);gap:.2rem;display:grid}.db-drafts li:last-child{border-bottom:0}.db-drafts__text{color:var(--ink);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;display:-webkit-box;overflow:hidden}.db-drafts__meta{font-family:var(--f-mono);color:var(--ink-3);letter-spacing:.04em;font-size:.6875rem}.db-usage{gap:var(--s-3);display:grid}.db-usage__meter{background:repeating-linear-gradient(90deg, var(--rule-strong) 0 1px, transparent 1px 10%) 0 100% / 100% 4px no-repeat, var(--paper-2);border-radius:2px;height:10px;overflow:hidden}.db-usage__meter span{background:var(--ink);height:100%;display:block}.db-usage__big{font-family:var(--f-mono);letter-spacing:-.04em;font-size:2rem;line-height:1}.db-new{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.db-new li{padding-left:var(--s-3);border-left:2px solid var(--kept);gap:.15rem;display:grid}.db-new__t{font-size:.9375rem;font-weight:600}.db-new__d{color:var(--ink-3);font-size:.8125rem}.db-studio{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}.db-studio h2,.db-studio .s-h4{color:var(--inv-fg)}.db-studio p{color:color-mix(in srgb, var(--inv-fg) 78%, transparent)}.ob{gap:var(--s-6);max-width:52rem;margin:0 auto;display:grid}.ob__choices{gap:var(--s-3);display:grid}@media (min-width:46rem){.ob__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.ob__choice{position:relative}.ob__choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.ob__card{gap:var(--s-3);height:100%;padding:var(--s-5);border:1.5px solid var(--rule-strong);border-radius:var(--r-2);background:var(--sheet);transition:border-color var(--d-fast) ease, transform var(--d-base) var(--ease-out), box-shadow var(--d-base) ease;display:grid}.ob__choice input:hover+.ob__card{border-color:var(--ink)}.ob__choice input:checked+.ob__card{border-color:var(--wax-bright);box-shadow:0 0 0 3px var(--wax-soft);transform:translateY(-2px)}.ob__choice input:focus-visible+.ob__card{outline:2px solid var(--wax);outline-offset:3px}.ob__n{font-family:var(--f-mono);color:var(--wax);font-size:.75rem}.ob__t{font-family:var(--f-display);letter-spacing:-.02em;font-size:1.75rem;line-height:1}.ob__d{color:var(--ink-2);font-size:.875rem}.vs-grid{gap:var(--s-4);display:grid}@media (min-width:46rem){.vs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:72rem){.vs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.vs-card{gap:var(--s-3);padding:var(--s-5);border:1px solid var(--rule);border-radius:var(--r-2);background:var(--sheet);box-shadow:var(--lift-1);color:var(--ink);transition:border-color var(--d-fast) ease, transform var(--d-base) var(--ease-out);text-decoration:none;display:grid}a.vs-card:hover{border-color:var(--ink);transform:translateY(-2px)}.vs-card__head{justify-content:space-between;align-items:center;gap:var(--s-2);padding-bottom:var(--s-2);border-bottom:1px solid var(--rule);display:flex}.vs-card__name{font-family:var(--f-display);letter-spacing:-.02em;font-size:1.5rem;line-height:1.1}.vs-card__meta{font-family:var(--f-mono);color:var(--ink-3);font-size:.6875rem}.vs-traits{margin:0;display:grid}.vs-traits>div{justify-content:space-between;gap:var(--s-3);border-bottom:1px dashed var(--rule);padding:.55rem 0;font-size:.9063rem;display:flex}.vs-traits dt{color:var(--ink-3)}.vs-traits dd{text-align:right;color:var(--ink);max-width:60%;margin:0}.as-match{gap:var(--s-4);padding:var(--s-5);border:1px solid color-mix(in srgb, var(--kept) 40%, transparent);border-radius:var(--r-2);background:var(--kept-soft);display:grid}.as-match__row{align-items:baseline;gap:var(--s-4);flex-wrap:wrap;display:flex}.as-match__pct{font-family:var(--f-mono);letter-spacing:-.05em;color:var(--kept);font-size:3rem;line-height:1}.as-match ol{color:var(--ink-2);gap:.4rem;margin:0;padding-left:1.2rem;display:grid}.set-row{justify-content:space-between;align-items:flex-start;gap:var(--s-5);padding:var(--s-4) 0;border-bottom:1px solid var(--rule);display:flex}.set-row:last-child{border-bottom:0}.set-row__text{gap:.25rem;display:grid}.set-row__text p{color:var(--ink-2);max-width:36em;font-size:.875rem}.ad-funnel{gap:var(--s-2);display:grid}.ad-step{align-items:center;gap:var(--s-3);grid-template-columns:minmax(8rem,12rem) 1fr 4rem;font-size:.9063rem;display:grid}.ad-step__bar{background:var(--paper-2);border-radius:2px;height:22px;overflow:hidden}.ad-step__bar span{background:var(--ink);height:100%;display:block}.ad-step__n{font-family:var(--f-mono);text-align:right}body:has(.app-foot){flex-direction:column;min-height:100dvh;display:flex}body:has(.app-foot)>.app-shell{flex:1}.app-foot{border-top:1px solid var(--rule);background:var(--paper-2);margin-top:auto}.app-foot__row{justify-content:space-between;align-items:center;gap:var(--s-4);max-width:var(--page-max);padding:var(--s-5) var(--gutter);flex-wrap:wrap;margin:0 auto;display:flex}.app-foot__line{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:.6875rem}.app-foot__links{gap:var(--s-4);flex-wrap:wrap;font-size:.875rem;display:flex}.app-foot__links a{color:var(--ink-2);text-decoration:none}.app-foot__links a:hover{color:var(--wax)}.app-foot .s-theme legend{display:none}.set-danger{color:var(--wax)!important;border-color:color-mix(in srgb, var(--wax) 45%, transparent)!important}.set-danger:hover{background:var(--wax-bright)!important;color:var(--on-wax)!important;border-color:var(--wax-bright)!important}.app-h1{font-family:var(--f-display);letter-spacing:-.025em;color:var(--ink);font-size:clamp(2rem,1.6rem + 1.6vw,2.75rem);font-weight:400;line-height:1.05}.app-sub{margin-top:var(--s-2);padding-bottom:var(--s-5);border-bottom:1px solid var(--rule);color:var(--ink-2);font-size:1rem}.vs-hist{align-items:end;gap:var(--s-2);height:180px;padding-top:var(--s-3);border-bottom:1px solid var(--ink);background:repeating-linear-gradient(transparent 0 35px, var(--grid) 35px 36px);grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:1.75rem;display:grid}.vs-hist__col{grid-template-rows:1fr auto;align-items:end;gap:.3rem;height:100%;display:grid}.vs-hist__bar{background:var(--ink);border-radius:1px 1px 0 0;width:100%;min-height:2px;display:block}.vs-hist__label{color:var(--ink-3);text-align:center;font-size:.625rem;transform:translateY(1.4rem)}.db-studio .s-btn{--btn-bg:var(--inv-fg);--btn-fg:var(--inv-bg);--btn-bd:var(--inv-fg)}
