.phone{--u: calc(var(--phone-w) / 390);--bezel: calc(10 * var(--u));--radius-outer: calc(58 * var(--u));--radius-inner: calc(var(--radius-outer) - var(--bezel));--rx: 0;--ry: 0;--rz: 0;--s: 1;--tilt: 0;--mx: 0;--my: 0;position:relative;width:var(--phone-w);flex:none;transform:perspective(1600px) rotateX(calc((var(--rx) + var(--my) * var(--tilt) * -1) * 1deg)) rotateY(calc((var(--ry) + var(--mx) * var(--tilt)) * 1deg)) rotate(calc(var(--rz) * 1deg)) scale(var(--s));will-change:transform;transition:transform .25s var(--ease)}.phone--flat{transform:rotate(calc(var(--rz) * 1deg)) scale(var(--s));will-change:auto}.phone__body{position:relative;width:100%;aspect-ratio:410 / 864;border-radius:var(--radius-outer);background:linear-gradient(160deg,#2a2e34,#0f1216 40% 60%,#23272d);padding:var(--bezel);box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #ffffff14,inset 0 0 0 calc(3 * var(--u)) #0009}.phone--shadow .phone__body{box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #ffffff14,inset 0 0 0 calc(3 * var(--u)) #0009,var(--shadow-phone)}.phone__screen{position:relative;width:100%;height:100%;border-radius:var(--radius-inner);overflow:hidden;background:var(--paper);isolation:isolate}.phone__content{position:absolute;inset:0;z-index:1;isolation:isolate;font-size:calc(16 * var(--u));line-height:1.4;color:var(--ink);overflow:hidden}.phone__status{position:absolute;top:calc(18 * var(--u));left:calc(30 * var(--u));right:calc(26 * var(--u));display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);font-weight:700;font-size:calc(15 * var(--u));line-height:1;color:var(--status-ink, var(--ink));pointer-events:none;z-index:3;transition:color var(--dur-base) var(--ease)}.phone__time{letter-spacing:-.01em}.phone__signal{display:inline-flex;align-items:center;gap:calc(6 * var(--u))}.phone__signal svg{height:calc(12 * var(--u));width:auto;fill:currentColor}.phone__glare{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(115deg,#ffffff0a,#ffffff03 28%,#fff0 45%);mix-blend-mode:screen}.phone--capture .phone__body{aspect-ratio:auto}.phone--capture .phone__screen{height:auto}.phone--capture .phone__content{position:relative;inset:auto}.phone--capture .phone__status,.phone--capture .phone__glare{display:none}.phone--capture img{display:block;width:100%;height:auto}.phone__btn{position:absolute;width:calc(3 * var(--u));border-radius:calc(2 * var(--u));background:linear-gradient(90deg,#1b1f24,#3a3f47)}.phone__btn--mute{left:calc(-3 * var(--u));top:calc(150 * var(--u));height:calc(30 * var(--u))}.phone__btn--vol-up{left:calc(-3 * var(--u));top:calc(210 * var(--u));height:calc(58 * var(--u))}.phone__btn--vol-down{left:calc(-3 * var(--u));top:calc(282 * var(--u));height:calc(58 * var(--u))}.phone__btn--power{right:calc(-3 * var(--u));top:calc(236 * var(--u));height:calc(92 * var(--u));background:linear-gradient(270deg,#1b1f24,#3a3f47)}@media(prefers-reduced-motion:reduce){.phone{transition:none}}.app-screenshot{position:relative;display:block;flex:none}.s{position:absolute;inset:0;background:var(--paper);font-family:var(--font-body);color:var(--ink);overflow:hidden}.s *{box-sizing:border-box}.s__wash{position:absolute;top:0;left:0;right:0;height:calc(380 * var(--u));pointer-events:none;background:radial-gradient(ellipse 95% 60% at 16% 12%,rgba(247,122,0,.17),rgba(247,122,0,.1) 25%,rgba(247,122,0,.03) 55%,transparent 80%),radial-gradient(ellipse 105% 65% at 86% 20%,rgba(248,95,1,.15),rgba(248,95,1,.07) 30%,transparent 75%),radial-gradient(ellipse 120% 70% at 52% 2%,rgba(255,215,179,.42),rgba(255,215,179,.2) 30%,transparent 70%),linear-gradient(180deg,#fc70011a,#f1efea00)}.s__scroll{position:absolute;inset:0;padding:calc(64 * var(--u)) calc(20 * var(--u)) calc(140 * var(--u));display:flex;flex-direction:column;gap:calc(14 * var(--u))}.s__scroll>*{flex-shrink:0}.s-intro{display:grid;gap:calc(8 * var(--u));margin-bottom:calc(6 * var(--u))}.s-eyebrow{display:inline-flex;align-items:center;gap:calc(8 * var(--u));color:var(--orange);font-weight:700;font-size:calc(11 * var(--u));line-height:calc(14 * var(--u));letter-spacing:.08em;text-transform:uppercase}.s-eyebrow:before{content:"";width:calc(24 * var(--u));height:calc(3 * var(--u));border-radius:999px;background:var(--orange)}.s-title{font-family:var(--font-display);font-weight:700;font-size:calc(28 * var(--u));line-height:calc(33 * var(--u));letter-spacing:-.025em}.s-title--display{font-size:calc(40 * var(--u));line-height:calc(44 * var(--u));letter-spacing:-.03em}.s-body{font-size:calc(16 * var(--u));line-height:calc(23 * var(--u));color:var(--ink-muted)}.s-heading{font-family:var(--font-display);font-weight:600;font-size:calc(20 * var(--u));line-height:calc(25 * var(--u));letter-spacing:-.015em}.s-label{font-weight:700;font-size:calc(14 * var(--u));line-height:calc(19 * var(--u))}.s-caption{font-size:calc(13 * var(--u));line-height:calc(18 * var(--u))}.s-overline{font-weight:700;font-size:calc(11 * var(--u));line-height:calc(14 * var(--u));letter-spacing:.08em;text-transform:uppercase}.s-muted{color:var(--ink-muted)}.s-faint{color:var(--ink-faint)}.s-orange{color:var(--orange)}.s-orange-deep{color:var(--orange-deep)}.s-search{display:flex;align-items:center;gap:calc(12 * var(--u));min-height:calc(54 * var(--u));padding:0 calc(16 * var(--u));border-radius:calc(20 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface-alt);color:var(--ink-faint);font-size:calc(16 * var(--u))}.s-search--launcher{background:var(--surface-alt);box-shadow:var(--shadow-lifted)}.s-search svg{width:calc(20 * var(--u));height:calc(20 * var(--u));flex:none}.s-search__arrow{margin-left:auto;color:var(--ink-muted)}.s-chips{display:flex;gap:calc(8 * var(--u));padding:calc(4 * var(--u)) 0;margin:0 calc(-20 * var(--u));padding-left:calc(20 * var(--u));overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.s-chip{flex:none;display:inline-flex;align-items:center;gap:calc(6 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u));border-radius:999px;border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface);color:var(--ink-muted);font-weight:700;font-size:calc(14 * var(--u));line-height:calc(19 * var(--u));white-space:nowrap}.s-chip--on{background:var(--orange-surface);border-color:var(--orange);color:var(--orange-deep)}.s-avatar{--av: calc(32 * var(--u));width:var(--av);height:var(--av);flex:none;border-radius:50%;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:calc(var(--av) * .4);line-height:1;color:#fff;background:var(--av-bg, linear-gradient(135deg, #ffa048, #f85f01));user-select:none}.s-avatar img{width:100%;height:100%;object-fit:cover}.s-avatar--ring{box-shadow:0 0 0 calc(3 * var(--u)) var(--surface)}.s-card{position:relative;display:flex;flex-direction:column;gap:calc(12 * var(--u));padding:calc(12 * var(--u));border-radius:calc(20 * var(--u));border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.s-card+.s-card{margin-top:calc(-5 * var(--u))}.s-card__cover{position:absolute;top:0;left:0;right:0;width:100%;height:calc(112 * var(--u));object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 32%,rgba(0,0,0,.45) 58%,transparent 92%);mask-image:linear-gradient(180deg,#000 32%,rgba(0,0,0,.45) 58%,transparent 92%)}.s-card__spacer{height:calc(40 * var(--u))}.s-card__head{position:relative;display:flex;align-items:center;gap:calc(8 * var(--u));min-height:calc(38 * var(--u))}.s-card__copy{flex:1;min-width:0;display:grid;gap:calc(1 * var(--u))}.s-card__copy>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-card__arrow{width:calc(24 * var(--u));height:calc(24 * var(--u));display:grid;place-items:center;color:var(--ink-muted)}.s-card__arrow svg,.s-arrow{width:calc(18 * var(--u));height:calc(18 * var(--u))}.s-card__title{position:relative;padding-right:calc(20 * var(--u));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s-well{position:relative;padding:calc(12 * var(--u));border-radius:calc(20 * var(--u));background:var(--paper);display:grid;gap:calc(8 * var(--u))}.s-card__foot{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));padding-top:calc(8 * var(--u));border-top:1px solid var(--line)}.s-tally{display:flex;align-items:center;gap:calc(12 * var(--u));color:var(--ink-muted);font-size:calc(13 * var(--u));line-height:calc(18 * var(--u))}.s-stat{display:inline-flex;align-items:center;gap:calc(4 * var(--u))}.s-stat .icon,.s-actions .icon{width:calc(20 * var(--u))!important;height:calc(20 * var(--u))!important}.s-faces{display:inline-flex;align-items:center}.s-face{width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px var(--surface);overflow:hidden}.s-face+.s-face{margin-left:calc(-4 * var(--u))}.s-face .icon{width:100%!important;height:100%!important}.s-actions{display:flex;align-items:center;gap:calc(4 * var(--u))}.s-actions>*{display:inline-flex;align-items:center;gap:calc(4 * var(--u));min-height:calc(32 * var(--u));padding:0 calc(8 * var(--u));font-weight:700;font-size:calc(13 * var(--u));color:var(--ink-muted)}.s-actions .is-active{color:var(--orange-deep)}.s-verdict{display:flex;align-items:center;gap:calc(8 * var(--u));padding:0 calc(4 * var(--u))}.s-verdict__disc{width:calc(20 * var(--u));height:calc(20 * var(--u));border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--success)}.s-verdict__disc svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.s-verdict__disc--orange{background:var(--orange-deep)}.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));height:calc(54 * var(--u));padding:0 calc(24 * var(--u));border-radius:999px;font-weight:700;font-size:calc(16 * var(--u));line-height:1;white-space:nowrap}.s-btn--block{width:100%}.s-btn--primary{color:#fff;background:var(--brand-gradient);box-shadow:var(--shadow-card)}.s-btn--secondary{color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card)}.s-btn--disabled{color:var(--ink-faint);background:var(--surface-alt);border:calc(1.5 * var(--u)) solid var(--line-strong)}.s-btn svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.s-btn--sm{height:calc(36 * var(--u));padding:0 calc(12 * var(--u));font-size:calc(14 * var(--u))}.s-pill-btn{display:inline-flex;align-items:center;gap:calc(6 * var(--u));min-height:calc(36 * var(--u));padding:0 calc(12 * var(--u));border-radius:999px;border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface);font-weight:700;font-size:calc(14 * var(--u));line-height:1;color:var(--ink);white-space:nowrap}.s-pill-btn--on{background:var(--orange-surface);border-color:var(--orange);color:var(--orange-deep)}.s-tabbar{position:absolute;left:calc(16 * var(--u));right:calc(16 * var(--u));bottom:calc(28 * var(--u));height:calc(64 * var(--u));display:flex;border-radius:calc(20 * var(--u));border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lifted);z-index:6}.s-tabbar__mark{position:absolute;top:calc(6 * var(--u));left:0;width:calc(24 * var(--u));height:calc(3 * var(--u));border-radius:999px;background:var(--orange);left:calc((var(--tab, 0) + .5) * 25%);transform:translate(-50%);transition:left var(--dur-slow) var(--ease)}.s-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--u));font-weight:700;font-size:calc(11 * var(--u));line-height:calc(14 * var(--u));color:var(--ink-muted)}.s-tab--on{color:var(--ink)}.s-tab .icon{width:calc(26 * var(--u))!important;height:calc(26 * var(--u))!important}.s-tab--off .icon{filter:grayscale(1) opacity(.55)}.s-veil{position:absolute;left:0;right:0;bottom:0;height:calc(120 * var(--u));background:linear-gradient(180deg,rgba(241,239,234,0),var(--paper) 70%);pointer-events:none;z-index:5}.s-veil--top{top:0;bottom:auto;height:calc(96 * var(--u));background:linear-gradient(180deg,var(--veil-wash) 0%,var(--veil-wash) 48%,rgba(242,227,211,0) 100%)}.s-header{position:absolute;top:calc(52 * var(--u));left:calc(16 * var(--u));right:calc(16 * var(--u));height:calc(40 * var(--u));display:flex;align-items:center;justify-content:space-between;z-index:6}.s-back{display:inline-flex;align-items:center;gap:calc(6 * var(--u));height:calc(40 * var(--u));padding:0 calc(14 * var(--u)) 0 calc(10 * var(--u));border-radius:999px;background:#ffffffbf;border:1px solid var(--line);font-weight:700;font-size:calc(14 * var(--u))}.s-back svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.s-circle-btn{width:calc(40 * var(--u));height:calc(40 * var(--u));display:grid;place-items:center;border-radius:50%;background:#ffffffc7;border:1px solid var(--line)}.s-circle-btn svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.s-progress{display:grid;justify-items:center;gap:calc(6 * var(--u))}.s-dots{display:flex;align-items:center;gap:calc(4 * var(--u));height:calc(5 * var(--u))}.s-dot{width:calc(5 * var(--u));height:calc(5 * var(--u));border-radius:999px;background:var(--ink-faint);transition:width var(--dur-slow) var(--ease),background-color var(--dur-slow) var(--ease)}.s-dot--done{background:var(--orange-surface-strong)}.s-dot--on{width:calc(14 * var(--u));background:var(--orange)}.s-section{display:grid;gap:calc(12 * var(--u))}.s-section__head{display:flex;align-items:center;justify-content:space-between}.s-section__action{display:inline-flex;align-items:center;gap:calc(4 * var(--u));font-weight:700;font-size:calc(14 * var(--u))}.s-section__action svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.s-paper{background:var(--surface);border:1px solid var(--line);border-radius:calc(20 * var(--u));box-shadow:var(--shadow-card)}.b-meta{display:flex;align-items:center;gap:calc(6 * var(--u))}.b-meta .icon{width:calc(18 * var(--u))!important;height:calc(18 * var(--u))!important}.b-prompt{font-family:var(--font-display);font-weight:600;font-size:calc(18 * var(--u));line-height:calc(23 * var(--u));letter-spacing:-.015em}.b-hint{font-size:calc(13 * var(--u));line-height:calc(18 * var(--u));color:var(--ink-muted)}.qz{display:grid;gap:calc(8 * var(--u))}.qz-opt{--tilt: 0deg;display:flex;align-items:center;gap:calc(8 * var(--u));min-height:calc(56 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(20 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface);font-weight:700;font-size:calc(14 * var(--u));line-height:calc(19 * var(--u));color:var(--ink);transform:rotate(var(--tilt));transition:transform var(--dur-slow) var(--ease),background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.qz-opt:nth-child(1){--tilt: -1.1deg}.qz-opt:nth-child(2){--tilt: .7deg}.qz-opt:nth-child(3){--tilt: -.6deg}.qz-opt:nth-child(4){--tilt: 1deg}.qz-opt__mark{width:calc(28 * var(--u));height:calc(28 * var(--u));flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-alt);color:var(--ink-muted);font-size:calc(13 * var(--u));transition:background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.qz-opt__mark svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.qz-opt--selected{background:var(--orange-surface);border-color:var(--orange);color:var(--orange-deep);transform:rotate(0) translate(calc(6 * var(--u)))}.qz-opt--selected .qz-opt__mark{background:var(--orange);color:#fff}.qz-opt--correct{background:var(--success-surface);border-color:var(--success);transform:rotate(0) translate(calc(6 * var(--u)))}.qz-opt--correct .qz-opt__mark{background:var(--success);color:#fff}.qz-opt--wrong{background:var(--danger-surface);border-color:var(--danger)}.qz-opt--wrong .qz-opt__mark{background:var(--danger);color:#fff}.qz-opt--muted{background:var(--surface-alt);color:var(--ink-muted)}.qz-opt--muted .qz-opt__mark{color:var(--ink-faint)}.b--full .qz{gap:calc(12 * var(--u))}.b--full .qz-opt{min-height:calc(72 * var(--u));padding:calc(12 * var(--u));gap:calc(12 * var(--u));font-size:calc(16 * var(--u));line-height:calc(23 * var(--u))}.b--full .qz-opt__mark{width:calc(34 * var(--u));height:calc(34 * var(--u));font-size:calc(14 * var(--u))}.b-stack{position:relative;padding:calc(12 * var(--u)) calc(2 * var(--u)) calc(9 * var(--u)) calc(1 * var(--u))}.b-stack:before,.b-stack:after{content:"";position:absolute;border-radius:calc(28 * var(--u))}.b-stack:before{top:calc(12 * var(--u));left:calc(16 * var(--u));right:calc(2 * var(--u));bottom:calc(1 * var(--u));background:#ffd7b373;transform:rotate(1.3deg)}.b-stack:after{top:calc(4 * var(--u));left:calc(1 * var(--u));right:calc(16 * var(--u));bottom:calc(9 * var(--u));background:var(--surface);border:1px solid var(--line);transform:rotate(-.8deg)}.b-stack__card{position:relative;z-index:1;display:grid;gap:calc(12 * var(--u));padding:calc(20 * var(--u));border-radius:calc(28 * var(--u));border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card)}.b-stack__card .b-meta .icon{width:calc(22 * var(--u))!important;height:calc(22 * var(--u))!important}.b-stack__card .b-prompt{font-family:var(--font-display);font-weight:700;font-size:calc(26 * var(--u));line-height:calc(31 * var(--u));letter-spacing:-.025em}.wm{display:grid;grid-template-columns:1fr 1fr;gap:calc(10 * var(--u))}.wm-card{--tilt: 0deg;position:relative;min-height:calc(78 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(20 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface);display:grid;align-content:space-between;transform:rotate(var(--tilt));transition:transform var(--dur-slow) var(--ease),background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.wm-card:nth-child(2n){margin-top:calc(8 * var(--u))}.wm-card:nth-child(1){--tilt: -1deg}.wm-card:nth-child(2){--tilt: .8deg}.wm-card:nth-child(3){--tilt: -.5deg}.wm-card:nth-child(4){--tilt: 1.1deg}.wm-card:nth-child(5){--tilt: -.8deg}.wm-card:nth-child(6){--tilt: .6deg}.wm-card__head{display:flex;justify-content:space-between;align-items:center;color:var(--ink-faint)}.wm-card__state{width:calc(20 * var(--u));height:calc(20 * var(--u));border-radius:50%;display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.6);transition:opacity var(--dur-base) var(--ease),transform var(--dur-slow) var(--ease)}.wm-card__state svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}.wm-card--selected{background:var(--orange-surface);border:calc(2 * var(--u)) solid var(--orange);transform:rotate(0) scale(1.025)}.wm-card--matched{background:var(--success-surface);border:calc(2 * var(--u)) solid var(--success);transform:rotate(0)}.wm-card--matched .wm-card__state{background:var(--success);opacity:1;transform:scale(1)}.so{display:grid;gap:calc(8 * var(--u))}.so-zones{display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--u))}.so-zone{display:grid;gap:calc(8 * var(--u));padding:calc(10 * var(--u));border-radius:calc(20 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface-alt);transition:border-color var(--dur-base) var(--ease)}.so-zone--hot{border-color:var(--orange-surface-strong);background:var(--orange-wash)}.so-zone__head{display:flex;align-items:center;justify-content:space-between;gap:calc(6 * var(--u))}.so-zone__count{min-width:calc(22 * var(--u));height:calc(18 * var(--u));padding:0 calc(6 * var(--u));border-radius:999px;background:var(--paper-sunk);display:grid;place-items:center;font-weight:700;font-size:calc(11 * var(--u));color:var(--ink-muted)}.so-zone__body{display:grid;gap:calc(6 * var(--u));min-height:calc(40 * var(--u))}.so-card{min-height:calc(40 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(14 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface);display:grid;place-items:center;text-align:center;font-weight:700;font-size:calc(13 * var(--u));line-height:calc(17 * var(--u));transition:transform var(--dur-slow) var(--ease),background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.so-card--correct{background:var(--success-surface);border-color:var(--success)}.so-card--selected{background:var(--orange-surface);border-color:var(--orange)}.so-pool{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u));justify-content:center}.so-pool .so-card{min-width:calc(88 * var(--u))}.gr{display:grid;gap:calc(8 * var(--u))}.gr-sheet{padding:calc(14 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u));border-radius:calc(20 * var(--u));border:1px solid var(--line);background:var(--surface);display:grid;gap:calc(8 * var(--u))}.gr-chart{display:grid;grid-auto-flow:column;align-items:end;gap:calc(10 * var(--u));height:calc(104 * var(--u));padding:0 calc(4 * var(--u));border-bottom:calc(1.5 * var(--u)) solid var(--line-strong)}.gr-bar{position:relative;display:grid;align-items:end;height:100%}.gr-bar__fill{height:calc(var(--v) * 100%);border-radius:calc(6 * var(--u)) calc(6 * var(--u)) 0 0;background:var(--paper-sunk);border:1px solid var(--line-strong);border-bottom:0;transform-origin:bottom;transition:transform .8s var(--ease),background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.gr-bar--hot .gr-bar__fill{background:var(--orange-surface-strong);border-color:var(--orange)}.gr-bar--correct .gr-bar__fill{background:var(--success-surface);border-color:var(--success)}.gr-labels{display:grid;grid-auto-flow:column;gap:calc(10 * var(--u));padding:0 calc(4 * var(--u));text-align:center;font-size:calc(10 * var(--u));line-height:calc(12 * var(--u));color:var(--ink-muted)}.gr-bar__value{position:absolute;top:calc(-16 * var(--u));left:0;right:0;text-align:center;font-weight:700;font-size:calc(10 * var(--u));color:var(--ink-muted)}.b-animate .gr-bar__fill{transform:scaleY(0)}.b-animate.is-in .gr-bar__fill{transform:scaleY(1);transition-delay:calc(var(--i, 0) * 90ms)}.mp{display:grid;gap:calc(8 * var(--u))}.mp-map{position:relative;border-radius:calc(20 * var(--u));overflow:hidden;background:var(--map-water);border:1px solid var(--line);aspect-ratio:16 / 11}.mp-map svg{position:absolute;width:100%;height:100%}.mp-land{fill:var(--paper);stroke:var(--map-border);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill var(--dur-slow) var(--ease),stroke var(--dur-slow) var(--ease)}.mp-land--idle{fill:#ece9e2}.mp-land--selected{fill:#fc70014d;stroke:var(--orange);stroke-width:2.5}.mp-land--correct{fill:#12855e52;stroke:var(--success);stroke-width:3}.mp-pin{animation:mp-pin-drop .6s var(--ease) both}@keyframes mp-pin-drop{0%{opacity:0;transform:translateY(-24px)}}.mp-attr{position:absolute;right:calc(8 * var(--u));bottom:calc(4 * var(--u));font-size:calc(8 * var(--u));color:var(--ink-faint)}.mp-chips{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u))}.mp-chips .s-chip{padding:calc(5 * var(--u)) calc(12 * var(--u));font-size:calc(12 * var(--u))}.nl{display:grid;gap:calc(8 * var(--u))}.nl-sheet{padding:calc(18 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));border-radius:calc(20 * var(--u));border:1px solid var(--line);background:var(--surface)}.nl-line{position:relative;height:calc(40 * var(--u))}.nl-rule{position:absolute;left:0;right:0;top:calc(14 * var(--u));height:calc(3 * var(--u));border-radius:999px;background:var(--line-strong)}.nl-shade{position:absolute;top:calc(14 * var(--u));height:calc(3 * var(--u));border-radius:999px;background:var(--orange);left:calc(var(--from) * 100%);right:calc((1 - var(--to)) * 100%);transform-origin:left;transition:transform .6s var(--ease)}.nl-tick{position:absolute;top:calc(8 * var(--u));width:1px;height:calc(15 * var(--u));background:var(--line-strong);transform:translate(-50%)}.nl-tick--origin{width:calc(2.5 * var(--u));background:var(--ink-faint)}.nl-tick__label{position:absolute;top:calc(18 * var(--u));left:50%;transform:translate(-50%);font-size:calc(10 * var(--u));color:var(--ink-muted)}.nl-mark{position:absolute;top:calc(8 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u));border-radius:50%;border:calc(2.5 * var(--u)) solid var(--orange);background:var(--surface);transform:translate(-50%);box-shadow:0 2px 6px #12151a26;transition:left .7s var(--ease)}.nl-mark--closed{background:var(--orange)}.nl-mark--correct{border-color:var(--success);background:var(--success)}.tl{display:grid;gap:calc(8 * var(--u))}.tl-sheet{padding:calc(14 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u));border-radius:calc(20 * var(--u));border:1px solid var(--line);background:var(--surface);display:grid;gap:calc(10 * var(--u))}.tl-line{position:relative;height:calc(30 * var(--u))}.tl-rule{position:absolute;left:0;right:0;top:calc(10 * var(--u));height:calc(3 * var(--u));border-radius:999px;background:var(--line-strong)}.tl-tick{position:absolute;top:calc(6 * var(--u));width:1px;height:calc(11 * var(--u));background:var(--line-strong);transform:translate(-50%)}.tl-tick__label{position:absolute;top:calc(13 * var(--u));left:50%;transform:translate(-50%);font-size:calc(9 * var(--u));color:var(--ink-muted);white-space:nowrap}.tl-pin{position:absolute;top:calc(7 * var(--u));width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background:var(--orange);border:calc(1.5 * var(--u)) solid #fff;transform:translate(-50%);box-shadow:0 1px 3px #12151a33}.tl-pin--correct{background:var(--success)}.tl-cards{display:flex;gap:calc(6 * var(--u))}.tl-card{flex:1;min-width:0;padding:calc(6 * var(--u)) calc(8 * var(--u));border-radius:calc(12 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface);font-weight:700;font-size:calc(10 * var(--u));line-height:calc(13 * var(--u));text-align:center;transition:transform .7s var(--ease),border-color var(--dur-base) var(--ease)}.tl-card--placed{border-color:var(--success);background:var(--success-surface)}.fb{display:grid;gap:calc(10 * var(--u))}.fb-sentence{display:flex;flex-wrap:wrap;align-items:center;gap:calc(4 * var(--u)) calc(5 * var(--u));font-size:calc(15 * var(--u));line-height:calc(22 * var(--u))}.fb-slot{display:inline-grid;place-items:center;min-width:calc(72 * var(--u));min-height:calc(34 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(12 * var(--u));border:calc(1.5 * var(--u)) dashed var(--line-strong);background:var(--surface-alt);font-weight:700;font-size:calc(14 * var(--u));color:var(--orange-deep);transition:background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.fb-slot--active{border-color:var(--orange);background:var(--orange-wash)}.fb-slot--filled{border-style:solid;border-color:var(--orange-surface-strong);background:var(--orange-wash)}.fb-slot--correct{border:calc(2 * var(--u)) solid var(--success);background:var(--success-wash);color:var(--success)}.fb-bank{display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--u))}.fb-word{--tilt: 0deg;min-height:calc(40 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(14 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface);display:grid;place-items:center;font-weight:700;font-size:calc(13 * var(--u));transform:rotate(var(--tilt));transition:transform .6s var(--ease),opacity var(--dur-base) var(--ease)}.fb-word:nth-child(1){--tilt: -1deg}.fb-word:nth-child(2){--tilt: .8deg}.fb-word:nth-child(3){--tilt: -.5deg}.fb-word:nth-child(4){--tilt: 1.1deg}.fb-word--used{opacity:.35}.os{display:grid;gap:calc(8 * var(--u))}.os-row{display:flex;align-items:center;gap:calc(10 * var(--u));min-height:calc(52 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(20 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface);font-weight:700;font-size:calc(13 * var(--u));transition:transform .7s var(--ease),border-color var(--dur-base) var(--ease)}.os-row__n{width:calc(28 * var(--u));height:calc(28 * var(--u));flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-alt);color:var(--ink-muted);font-size:calc(12 * var(--u))}.os-row__grip{margin-left:auto;width:calc(14 * var(--u));height:calc(10 * var(--u));background:linear-gradient(var(--line-strong),var(--line-strong)) 0 0 / 100% calc(2 * var(--u)) no-repeat,linear-gradient(var(--line-strong),var(--line-strong)) 0 50% / 100% calc(2 * var(--u)) no-repeat,linear-gradient(var(--line-strong),var(--line-strong)) 0 100% / 100% calc(2 * var(--u)) no-repeat}.os-row--correct{border-color:var(--success);background:var(--success-surface)}.os-row--correct .os-row__n{background:var(--success);color:#fff}.nb{display:grid;gap:calc(8 * var(--u))}.nb-well{display:flex;flex-wrap:wrap;align-items:center;gap:calc(6 * var(--u));min-height:calc(60 * var(--u));padding:calc(8 * var(--u));border-radius:calc(20 * var(--u));border:calc(1.5 * var(--u)) dashed var(--line-strong);background:var(--surface-alt)}.nb-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(6 * var(--u))}.nb-tile{min-width:calc(40 * var(--u));height:calc(40 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(12 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);background:var(--surface);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:calc(16 * var(--u));transition:transform .6s var(--ease),opacity var(--dur-base) var(--ease)}.nb-tile--placed{border-color:var(--orange-surface-strong);background:var(--orange-surface);color:var(--orange-deep)}.tb{display:grid;gap:calc(8 * var(--u))}.tb-grid{width:100%;border-collapse:separate;border-spacing:0;border-radius:calc(14 * var(--u));overflow:hidden;border:1px solid var(--line-strong);background:var(--surface);font-size:calc(12 * var(--u));line-height:calc(16 * var(--u))}.tb-grid th,.tb-grid td{padding:calc(7 * var(--u)) calc(8 * var(--u));border-bottom:1px solid var(--line);text-align:center}.tb-grid th{font-weight:700;color:var(--ink-muted);background:var(--surface-alt);font-size:calc(11 * var(--u))}.tb-grid td:first-child,.tb-grid th:first-child{text-align:left;font-weight:700}.tb-grid tr:last-child td{border-bottom:0}.tb-cell--hot{background:var(--orange-surface);color:var(--orange-deep);font-weight:700;box-shadow:inset 0 0 0 calc(1.5 * var(--u)) var(--orange)}.tb-cell--correct{background:var(--success-surface);color:var(--success);font-weight:700;box-shadow:inset 0 0 0 calc(1.5 * var(--u)) var(--success)}.floater{position:absolute;left:var(--x);top:var(--y);z-index:3;pointer-events:none;transform:translate3d(calc(-50% + var(--mx, 0) * var(--depth) * 1px),calc(-50% + var(--my, 0) * var(--depth) * 1px),0);will-change:transform;transition:transform .35s var(--ease)}.floater__spread{transform:translate3d(calc(var(--spread, 0) * var(--dx)),calc(var(--spread, 0) * var(--dy)),0) rotate(var(--rot));opacity:calc(1 - var(--spread, 0) * 1.4);will-change:transform,opacity}.floater__float{opacity:0;animation:float-y var(--float-dur) var(--ease-float) infinite var(--float-delay) backwards,floater-fade var(--pop-fade) var(--ease) var(--enter-delay) forwards,floater-in .5s var(--spring-lift) var(--enter-delay) both}@keyframes floater-fade{0%{opacity:0}to{opacity:1}}@keyframes floater-in{0%{scale:.6}to{scale:1}}@media(max-width:900px){.floater--desktop{display:none}}.is-offscreen .floater__float,.floater--latched .floater__float{animation-play-state:paused}.is-in .floater--latched .floater__float{animation-play-state:running}.floater--travels .floater__spread{translate:var(--from, 0px) 0;transition:translate var(--travel-dur, .7s) var(--spring-deal) var(--enter-delay, 0ms)}.is-in .floater--travels .floater__spread{translate:0 0}@media(prefers-reduced-motion:reduce){.floater__float{opacity:1;animation:none}.floater--travels .floater__spread{translate:0 0;transition:none}}.fl-capsule{display:flex;align-items:center;gap:8px;height:54px;padding:0 12px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lifted)}.fl-capsule__face{position:relative;display:inline-flex;transition:transform var(--dur-slow) var(--ease)}.fl-capsule__face--focus{transform:translateY(-8px) scale(1.3)}.fl-capsule__name{position:absolute;top:-26px;left:50%;transform:translate(-50%) scale(.77);padding:2px 8px;border-radius:var(--radius-pill);background:var(--ink);color:#fff;font-size:13px;line-height:18px;font-weight:700;white-space:nowrap}.fl-answer{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 16px 10px 12px;border-radius:var(--radius-lg);border:1.5px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lifted);font-weight:700;font-size:16px;color:var(--ink);white-space:nowrap}.fl-answer__mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-alt);color:var(--ink-muted);font-size:14px}.fl-answer__mark svg{width:16px;height:16px}.fl-answer--correct{background:var(--success-surface);border-color:var(--success)}.fl-answer--correct .fl-answer__mark{background:var(--success);color:#fff}.fl-answer--selected{background:var(--orange-surface);border-color:var(--orange);color:var(--orange-deep)}.fl-answer--selected .fl-answer__mark{background:var(--orange);color:#fff}.fl-verdict,.fl-pill{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 12px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lifted);font-weight:700;font-size:15px;color:var(--orange-deep);white-space:nowrap}.fl-pill{color:var(--ink)}.fl-buddies{display:inline-flex;align-items:center;padding:8px 14px 8px 8px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lifted)}.fl-buddies__avatar{width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:calc(var(--size) * .38);box-shadow:0 0 0 3px var(--surface)}.fl-buddies__avatar+.fl-buddies__avatar{margin-left:calc(var(--size) * -.3)}.fl-buddies__more{margin-left:10px;font-weight:700;font-size:14px;color:var(--ink-muted)}.fl-buddies__name{margin-left:10px;font-weight:700;font-size:14px}.fl-graph{display:grid;gap:8px;width:180px;padding:12px 14px 10px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lifted)}.fl-graph__title{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.fl-graph__bars{display:grid;grid-auto-flow:column;align-items:end;gap:8px;height:64px;border-bottom:1.5px solid var(--line-strong)}.fl-graph__bar{height:calc(var(--v) * 100%);border-radius:5px 5px 0 0;background:var(--paper-sunk);border:1px solid var(--line-strong);border-bottom:0;transform-origin:bottom;animation:fl-bar .9s var(--ease) calc(.6s + var(--i) * 90ms) both}.fl-graph__bar--hot{background:var(--orange-surface-strong);border-color:var(--orange)}@keyframes fl-bar{0%{transform:scaleY(0)}}.fl-map{position:relative;width:190px;aspect-ratio:4 / 3;border-radius:var(--radius-lg);overflow:hidden;background:var(--map-water);border:1px solid var(--line);box-shadow:var(--shadow-lifted)}.fl-map svg{position:absolute;inset:0;width:100%;height:100%}.fl-map__land{fill:#ece9e2;stroke:var(--map-border);stroke-width:1;vector-effect:non-scaling-stroke}.fl-map__land--lit{fill:#fc70014d;stroke:var(--orange);stroke-width:2.5}.fl-map__pin{animation:fl-pin-drop .7s var(--ease) .9s both}@keyframes fl-pin-drop{0%{opacity:0;transform:translateY(-30px)}}.fl-map__overline{position:absolute;left:10px;top:8px;padding:3px 8px;border-radius:var(--radius-pill);background:#ffffffe6;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep)}.fl-pair{display:flex;gap:8px}.fl-pair__card{position:relative;display:grid;gap:2px;min-width:96px;padding:10px 12px;border-radius:var(--radius-lg);border:1.5px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lifted);font-weight:700;font-size:14px;transform:rotate(-1deg)}.fl-pair__card--matched{border-color:var(--success);background:var(--success-surface);transform:rotate(.8deg) translateY(6px)}.fl-pair__kind{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.fl-pair__tick{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--success);color:#fff;display:grid;place-items:center}.fl-pair__tick svg{width:10px;height:10px}.fl-stat{display:grid;justify-items:center;gap:2px;min-width:96px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lifted);transform:rotate(1deg)}.fl-stat__value{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.fl-stat__label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.formats{--fmt-phone-w: 300px;overflow:visible}.formats__stage{position:relative;width:min(100% - 2 * var(--gutter),1240px);height:980px;margin:56px auto 0}.formats__phone{position:absolute;left:50%;top:50%;z-index:5;transform:translate3d(calc(-50% + var(--mx, 0) * var(--depth) * 1px),calc(-50% + var(--my, 0) * var(--depth) * 1px),0);transition:transform .35s var(--ease)}.formats__phone-in{opacity:0}.formats__stage.is-in .formats__phone-in{opacity:1;animation:pop-fade var(--pop-fade) var(--ease) 60ms backwards,fmt-phone-in .7s var(--spring-deal) 60ms backwards}@keyframes fmt-phone-in{0%{transform:translate3d(0,52px,0) scale(.94)}}.fmt{position:absolute;left:min(var(--x),100% - var(--w));top:var(--y);width:var(--w);--u: calc((var(--w) - 24px) / 302);z-index:3;transform:translate3d(calc(var(--mx, 0) * var(--depth) * 1px),calc(var(--my, 0) * var(--depth) * 1px),0);transition:transform .35s var(--ease)}.fmt:hover{z-index:8}.fmt__card{display:grid;gap:10px;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lifted);transform:rotate(var(--rot));opacity:0;transition:transform .8s var(--spring-lift),scale .6s var(--spring-lift),box-shadow .5s var(--ease)}.fmt__card{--deal-x: var(--from-x, 0px);--deal-y: var(--from-y, 40px);--deal-rot: calc(var(--rot) * -3);--deal-scale: .55;--deal-delay: calc(.12s + var(--i) * 50ms)}.formats__stage.is-in .fmt__card{opacity:1;animation:fmt-fade .24s var(--ease) var(--deal-delay) backwards,fmt-deal .7s var(--spring-lift) var(--deal-delay) backwards}@keyframes fmt-fade{0%{opacity:0}}@keyframes fmt-deal{0%{translate:var(--deal-x) var(--deal-y);rotate:var(--deal-rot);scale:var(--deal-scale)}to{translate:none;rotate:none;scale:none}}@media(hover:hover)and (pointer:fine){.formats__stage.is-in .fmt:hover .fmt__card{transform:rotate(calc(var(--rot) * .2)) translate3d(0,-10px,0) scale(1.03);box-shadow:0 22px 64px #12151a29}}.formats__stage.is-in .fmt:active .fmt__card{scale:.97;transition-duration:.8s,.12s,.5s;transition-timing-function:var(--spring-lift),var(--ease),var(--ease)}.fmt__head{display:flex;align-items:center;gap:8px;padding:0 2px}.fmt__label{font-weight:700;font-size:13px;color:var(--ink)}.fmt__board{padding:12px;border-radius:calc(16 * var(--u));background:var(--paper)}@media(prefers-reduced-motion:reduce){.formats__stage .fmt__card,.formats__stage.is-in .fmt__card,.formats__stage .formats__phone-in,.formats__stage.is-in .formats__phone-in{opacity:1;animation:none}.fmt__card,.formats__stage.is-in .fmt:hover .fmt__card{transform:rotate(var(--rot))}.formats__stage.is-in .fmt:active .fmt__card{scale:none}.formats__item{opacity:1}}.formats__list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:64px}.formats__item{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 12px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);font-weight:700;font-size:14px;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);cursor:default;opacity:0}.formats__list.is-in .formats__item{opacity:1;animation:pop-fade var(--pop-fade) var(--ease) calc(var(--i, 0) * 35ms) backwards,chip-pop var(--pop-dur) var(--spring-pop) calc(var(--i, 0) * 35ms) backwards}@keyframes chip-pop{0%{translate:0 16px;scale:.7;rotate:-6deg}}.formats__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lifted);border-color:var(--orange-surface-strong)}.formats__item-blurb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:1023.98px){.fmt{--wm: min(76vw, calc(var(--w) + 70px), 360px);width:var(--wm);--u: calc((var(--wm) - 24px) / 302)}.formats__list{margin-top:24px}.formats__item{gap:8px;height:44px;padding:0 15px 0 9px;font-size:13px}}@media(max-width:1023.98px)and (prefers-reduced-motion:no-preference){.formats__pin{height:220vh;height:220svh}.formats__stage{position:sticky;top:0;width:100%;height:100vh;height:100svh;margin:0}.formats__phone{--fmt-phone-w: min(56vw, 26svh, 250px);top:calc(6svh + 8px);left:50%;transform:none;translate:-50% 0;transform-origin:50% 40%;transition:none;z-index:5}.fmt{left:50%;top:0;opacity:0;transform:translate(-50%) scale(.3);transition:none;will-change:transform,opacity}.formats__pin[data-scrub] .fmt__card,.formats__pin[data-scrub] .formats__stage.is-in .fmt__card{opacity:1;animation:none}}@media(max-width:1023.98px)and (prefers-reduced-motion:reduce){.formats__stage{display:flex;align-items:flex-start;gap:16px;width:100%;height:auto;padding:28px var(--gutter) 64px;margin-top:32px;margin-bottom:-28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.formats__stage::-webkit-scrollbar{display:none}.formats__phone{display:none}.fmt{position:static;flex:none;scroll-snap-align:center;transform:none}}.subject__card{position:relative;display:grid;width:100%;padding:0;text-align:left;color:var(--ink);perspective:900px;rotate:var(--rot);-webkit-tap-highlight-color:transparent;transition:rotate .8s var(--spring-lift),scale .6s var(--spring-lift),translate .8s var(--spring-lift)}.subject__card:focus-visible{outline-offset:6px;border-radius:var(--radius-xl)}.subject__flip{display:grid;transform-style:preserve-3d;transition:transform .65s var(--spring-lift)}.subject__face{grid-area:1 / 1;position:relative;display:grid;align-content:start;gap:2px;padding:0 16px 16px;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:box-shadow .5s var(--ease)}.subject__face--back{transform:rotateY(180deg);align-content:space-between;gap:8px;padding:16px;background:linear-gradient(160deg,#fff7ee,var(--orange-surface));border-color:var(--orange-surface-strong)}.subject__card[aria-pressed=true] .subject__flip{transform:rotateY(180deg)}.subject__did{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep)}.subject__fact{font-family:var(--font-display);font-weight:500;font-size:16px;line-height:1.3;color:var(--ink);text-wrap:pretty}.subject__back-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:700;color:var(--ink-muted)}.subject__flip-mark{position:absolute;top:10px;left:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#ffffffeb;color:var(--orange-deep);box-shadow:var(--shadow-card);transition:rotate .7s var(--spring-lift),scale .7s var(--spring-lift)}@media(hover:hover)and (pointer:fine){:is(.subject,.subject-host):hover .subject__card{rotate:0deg;scale:1.05;translate:0 -6px}:is(.subject,.subject-host):hover .subject__face{box-shadow:var(--shadow-lifted)}:is(.subject,.subject-host):hover .subject__card[aria-pressed=false] .subject__flip{transform:rotateY(-16deg)}:is(.subject,.subject-host):hover .subject__card[aria-pressed=true] .subject__flip{transform:rotateY(164deg)}:is(.subject,.subject-host):hover .subject__icon{scale:1.14;rotate:-8deg}:is(.subject,.subject-host):hover .subject__flip-mark{rotate:180deg;scale:1.1}}:is(.subject,.subject-host):active .subject__card{scale:.97;transition-duration:.8s,.12s,.8s;transition-timing-function:var(--spring-lift),var(--ease),var(--spring-lift)}.subject__cover{display:block;width:calc(100% + 32px);height:96px;margin:0 -16px 8px;overflow:hidden;border-radius:var(--radius-xl) var(--radius-xl) 0 0;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}.subject__cover img{width:100%;max-width:none;height:100%;object-fit:cover;transition:scale .8s var(--ease)}:is(.subject,.subject-host):hover .subject__cover img{scale:1.06}.subject__icon{position:absolute;top:62px;right:14px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);transition:scale .7s var(--spring-lift),rotate .7s var(--spring-lift)}.subject__name{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.015em;margin-top:6px}.subject__count{font-size:13px;color:var(--ink-muted)}@media(max-width:1023.98px){.subject__cover{height:80px}.subject__icon{top:48px;width:40px;height:40px}.subject__icon .icon{width:24px!important;height:24px!important}.subject__name{font-size:17px}}@media(prefers-reduced-motion:reduce){.subject__card{translate:none;transition:none}:is(.subject,.subject-host):hover .subject__card,:is(.subject,.subject-host):active .subject__card{scale:none;translate:none}:is(.subject,.subject-host):hover .subject__icon,:is(.subject,.subject-host):hover .subject__flip-mark{scale:none;rotate:none}.subject__flip,.subject__card[aria-pressed] .subject__flip,:is(.subject,.subject-host):hover .subject__card[aria-pressed] .subject__flip{transform:none}.subject__face--back{transform:none;opacity:0}.subject__card[aria-pressed=true] .subject__face--back{opacity:1}.subject__card[aria-pressed=true] .subject__face--front{opacity:0}}