.appr__grid{gap:var(--space-3);display:grid}.appr__grid--3{grid-template-columns:repeat(3,1fr);max-width:420px}.appr__grid--4{grid-template-columns:repeat(4,1fr);max-width:480px}.appr__tile{color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;gap:2px;padding:0;display:grid}.appr__tile strong{margin-top:var(--space-2);font-size:.875rem;font-weight:700}.appr__tile small{color:var(--text-muted);font-size:.75rem}.appr__mini,.appr__wall{border-radius:var(--radius-md);border:2px solid var(--border-strong);width:100%;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);position:relative}.appr__tile:active .appr__mini,.appr__tile:active .appr__wall{transform:scale(.96)}.appr__tile[aria-checked=true] .appr__mini,.appr__tile[aria-checked=true] .appr__wall{border-color:var(--focus);box-shadow:0 0 0 4px var(--glow-gold)}.appr__mini{aspect-ratio:3/4;align-content:center;gap:7px;padding:0 18%;display:grid;overflow:hidden}.appr__mini i{opacity:.55;background:currentColor;border-radius:4px;height:8px;display:block}.appr__mini i:first-child{opacity:.9;width:60%;height:10px}.appr__mini i:nth-child(3){width:78%}.appr__mini--light{color:#0a1520;background:#f7f4f0}.appr__mini--dark{color:#fff;background:#0a1520}.appr__mini--auto{color:#8fa0b5;background:linear-gradient(135deg,#0a1520 50%,#f7f4f0 50%)}.appr__wall{aspect-ratio:3/4;background:radial-gradient(60% 45% at 18% 8%, rgb(var(--g1) / calc(var(--wp-a1) * 2.8 * var(--k))), transparent 70%), radial-gradient(55% 40% at 88% 92%, rgb(var(--g2) / calc(var(--wp-a2) * 3 * var(--k))), transparent 70%), var(--bg)}.appr__check{border-radius:var(--radius-pill);background:var(--accent);width:22px;height:22px;color:var(--accent-text);animation:appr-pop var(--dur-base) var(--ease-spring) both;place-items:center;display:grid;position:absolute;bottom:6px;right:6px}@keyframes appr-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (max-width:380px){.appr__grid--4{grid-template-columns:repeat(2,1fr)}}
.pickav__hero{justify-items:center;gap:var(--space-1);padding:var(--space-3) 0 var(--space-2);text-align:center;display:grid}.pickav__hero .pic{margin-bottom:var(--space-2);box-shadow:var(--shadow-card)}.pickav__hero strong{font-size:1.25rem;font-weight:900}.pickav__hero>span{color:var(--text-soft);font-size:.875rem}.pickav__box{container-type:inline-size}.pickav__grid{--pgap:var(--space-2);justify-content:center;gap:var(--space-3) var(--pgap);flex-wrap:wrap;display:flex}.pickav__grid>.pickav__item{flex:0 0 calc((100% - 2 * var(--pgap)) / 3)}@container (min-width:420px){.pickav__grid>.pickav__item{flex-basis:calc((100% - 3 * var(--pgap)) / 4)}}.pickav__item{min-height:48px;padding:var(--space-2) 0;border-radius:var(--radius-md);color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;align-content:start;justify-items:center;gap:6px;display:grid}.pickav__item:disabled{cursor:default}.pickav__item:active:not(:disabled){background:var(--surface-2)}.pickav__pic{border-radius:50%;display:grid;position:relative}.pickav__item--selected .pickav__pic{box-shadow:0 0 0 3px var(--bg-elevated), 0 0 0 5px var(--gold)}.pickav__check{background:var(--gold);width:22px;height:22px;color:var(--accent-text);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.pickav__name{overflow-wrap:break-word;max-width:100%;font-size:.75rem;font-weight:600;line-height:1.2}.pickav__item--selected .pickav__name{color:var(--gold-text)}.pickav__note{margin:var(--space-4) 0 0;color:var(--text-muted);text-align:center;font-size:.8125rem}.pickav__tones{justify-items:center;gap:var(--space-3);padding:var(--space-2) 0;grid-template-columns:repeat(6,1fr);display:grid}.pickav__tone{background:linear-gradient(135deg, var(--ta), var(--tb));color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.pickav__tone:disabled{cursor:default}.pickav__tone--selected{box-shadow:0 0 0 3px var(--bg-elevated), 0 0 0 5px var(--gold)}
.gsales{gap:var(--space-5);padding-block:var(--space-2);display:grid}.gsales__head{align-items:flex-start;gap:var(--space-4);display:flex}.gsales__art{width:104px;height:104px;box-shadow:0 14px 30px -14px var(--glow-rose);border-radius:24%;flex:none}.gsales__headtext{gap:var(--space-2);min-width:0;display:grid}.gsales__title{font-family:var(--font-title);overflow-wrap:anywhere;font-size:clamp(1.75rem,8vw,2.25rem);font-weight:900;line-height:1.05}.gsales__keywords{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.3}.gsales__try{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.gsales__body{gap:var(--space-3);display:grid}.gsales__kicker{color:var(--gold-text);margin:0;font-weight:800}.gsales__lead{color:var(--text-soft);margin:0;font-size:1.0625rem;line-height:1.5}.gsales__points{gap:var(--space-2);margin:var(--space-1) 0 0;padding:0;list-style:none;display:grid}.gsales__points li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-weight:600;display:flex}.gsales__icon{border-radius:var(--radius-pill);background:var(--surface-2);width:40px;height:40px;color:var(--gold-text);flex:none;place-items:center;display:grid}.gsales__actions{gap:var(--space-3);display:grid}.gsales__note{color:var(--text-muted);text-align:center;margin:0;font-size:.875rem}