.ref-deck{perspective:1400px;height:420px;margin-top:12px;position:relative}@media (min-width:768px){.ref-deck{height:360px}}.ref-deck__slot{position:absolute;inset:0}.ref-card{cursor:pointer;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.ref-card[data-flipped=true]{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.ref-card{transition-duration:.01ms}}.ref-card__face{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);backface-visibility:hidden;border-radius:16px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.ref-card__face--back{border-color:rgb(var(--ref-accent-chem-rgb)/.3);transform:rotateY(180deg)}.ref-card__header{background:rgb(var(--ref-accent-rgb)/.12);border-bottom:1px solid rgb(var(--ref-accent-rgb)/.2);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.ref-card__face--back .ref-card__header{background:rgb(var(--ref-accent-chem-rgb)/.1);border-bottom-color:rgb(var(--ref-accent-chem-rgb)/.25)}.ref-card__pill{font:700 10.5px/1 var(--font-sans);letter-spacing:.04em;background:rgb(var(--ref-accent-rgb)/.22);color:var(--ref-accent);border:1px solid rgb(var(--ref-accent-rgb)/.35);white-space:nowrap;border-radius:999px;padding:6px 10px}.ref-card__pill--answer{background:rgb(var(--ref-accent-chem-rgb)/.2);color:var(--accent-success);border-color:rgb(var(--ref-accent-chem-rgb)/.35)}.ref-card__chapter{font:400 11.5px/1.3 var(--font-sans);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ref-card__count{font:700 11px/1 var(--font-mono);color:var(--ref-accent);white-space:nowrap}.ref-card__face--back .ref-card__count{color:var(--accent-success)}.ref-card__body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.ref-card__body>*{flex:none}.ref-card__body--front{text-align:center;justify-content:center;align-items:center;gap:16px}.ref-card__tag{font:700 10px/1 var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ref-accent);background:rgb(var(--ref-accent-rgb)/.1);border:1px solid rgb(var(--ref-accent-rgb)/.2);border-radius:999px;padding:6px 12px}.ref-card__prompt{font:500 19px/1.45 var(--font-sans);color:var(--foreground);text-wrap:pretty;max-width:34ch}.ref-card__title{font:600 14px/1.3 var(--font-sans);color:var(--foreground)}.ref-card__math{background:var(--paper-inset);border:1px solid var(--border);text-align:center;color:var(--foreground);border-radius:12px;padding:14px;font-size:1.05rem;display:block;overflow-x:auto}.ref-card__math>span{display:block}.ref-card__math .katex-display{margin:0}.ref-card__desc{font:400 12.5px/1.6 var(--font-sans);color:var(--muted-foreground);text-wrap:pretty}.ref-card__cond{align-items:flex-start;gap:9px;display:flex}.ref-card__cond b{font:700 9.5px/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ref-accent);border:1px solid rgb(var(--ref-accent-rgb)/.3);background:rgb(var(--ref-accent-rgb)/.1);border-radius:6px;flex:none;padding:4px 7px;font-weight:700}.ref-card__cond span{font:400 12px/1.5 var(--font-sans);color:var(--muted-foreground);font-style:italic}.ref-card__tags{flex-wrap:wrap;gap:6px;display:flex}.ref-card__tags span{font:400 10px/1 var(--font-mono);color:var(--muted-foreground);background:var(--muted);border:1px solid var(--border);border-radius:999px;padding:4px 8px}.ref-card__foot{border-top:1px solid rgb(var(--ref-accent-rgb)/.15);background:rgb(var(--ref-accent-rgb)/.05);flex:none;justify-content:center;align-items:center;padding:14px;display:flex}.ref-card__face--back .ref-card__foot{border-top-color:rgb(var(--ref-accent-chem-rgb)/.15);background:rgb(var(--ref-accent-chem-rgb)/.05);font:400 11.5px/1 var(--font-sans);color:var(--muted-foreground);padding:12px}.ref-card__reveal{font:700 12.5px/1 var(--font-sans);color:var(--primary-foreground);background:var(--ref-accent);box-shadow:0 8px 18px -10px rgb(var(--ref-accent-rgb)/.8);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 24px;display:inline-flex}