.relics-root{--r-bg:#f5f2f9;--r-bg-deep:#e9e4f0;--r-ink:#1f1a26;--r-muted:#635a70;--r-faint:#8f86a0;--r-accent:#85609b;--r-accent-lit:#a174bb;--r-line:#ddd5e7;--r-card:#fdfbff;--r-shadow:30, 20, 44;background-color:var(--r-bg);color:var(--r-ink);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif}@media (prefers-color-scheme:dark){.relics-root{--r-bg:#120f17;--r-bg-deep:#0b090f;--r-ink:#ece7f3;--r-muted:#a096b0;--r-faint:#746a82;--r-accent:#c48de3;--r-accent-lit:#d0aae5;--r-line:#2a2333;--r-card:#191522;--r-shadow:0, 0, 0}}.relic-panel{background-color:var(--r-card);border:1px solid var(--r-line);box-shadow:0 1px 2px rgba(var(--r-shadow), .04)}.relic-card{background-color:var(--r-card);border:1px solid var(--r-line);box-shadow:0 1px 2px rgba(var(--r-shadow), .04);transition:box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.relic-card:hover{border-color:var(--r-accent);box-shadow:0 10px 30px -12px rgba(var(--r-shadow), .28);transform:translateY(-2px)}}.relic-rule{background:linear-gradient(90deg, var(--r-accent), transparent 70%);transform-origin:0;height:1px;animation:.9s cubic-bezier(.22,1,.36,1) both relic-rule-draw}@keyframes relic-rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes relic-rise{0%{opacity:0;transform:translateY(.85rem)}to{opacity:1;transform:translateY(0)}}.relic-rise{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards relic-rise}@keyframes relic-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes relic-veil-in{0%{opacity:0}to{opacity:1}}.relic-drawer{animation:.42s cubic-bezier(.22,1,.36,1) both relic-drawer-in}.relic-veil{animation:.3s ease-out both relic-veil-in}.relic-frosted{background-color:var(--r-bg)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.relic-frosted{background-color:color-mix(in srgb, var(--r-bg) 50%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6)}}@keyframes relic-expand{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}.relic-expand{animation:.28s cubic-bezier(.22,1,.36,1) both relic-expand}@keyframes relic-sheen{0%{transform:translate(-60%)rotate(8deg)}to{transform:translate(160%)rotate(8deg)}}.relic-sheen:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);animation:7s cubic-bezier(.4,0,.2,1) infinite relic-sheen;position:absolute;inset:-30% -60%}@media (prefers-reduced-motion:reduce){.relic-rise,.relic-rule,.relic-drawer,.relic-veil,.relic-expand{opacity:1;animation:none;transform:none}.relic-sheen:after{opacity:0;animation:none}.relic-card{transition:none}@media (hover:hover) and (pointer:fine){.relic-card:hover{transform:none}}}.relic-input{background-color:var(--r-card);border:1px solid var(--r-line);color:var(--r-ink);transition:border-color .2s}.relic-input::placeholder{color:var(--r-faint)}.relic-input:focus-visible{border-color:var(--r-accent);outline:none;box-shadow:0 0 0 3px #85609b3d}.relic-chip{border:1px solid var(--r-line);color:var(--r-muted);transition:border-color .2s,color .2s,background-color .2s}@media (hover:hover) and (pointer:fine){.relic-chip:hover{color:var(--r-ink);border-color:var(--r-accent)}}.relic-chip[aria-pressed=true]{background-color:var(--r-accent);border-color:var(--r-accent);color:#fdfbff}.relic-button{background-color:var(--r-accent);color:#fdfbff;transition:background-color .2s,opacity .2s}@media (hover:hover) and (pointer:fine){.relic-button:hover:not(:disabled){background-color:var(--r-accent-lit)}}.relic-button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline-offset:2px}