:is(html:has(.pie-mock),body:has(.pie-mock)){height:auto;overflow:visible}.pie-mock{--mock-paper:#eceae4;--mock-card:#fff;--mock-card-subtle:#ddd8ce;--mock-ink:#141210;--mock-ink-muted:#5a544b;--mock-ink-faint:#8e867b;--mock-border:#14121024;--mock-border-strong:#14121038;--mock-amber:#b2583b;--mock-amber-dark:#8f4529;--mock-amber-soft:#b2583b1a;--mock-forest:#1a3b63;--mock-forest-soft:#1a3b631a;--mock-ocean:#2a5d8f;--mock-ocean-soft:#2a5d8f1a;--mock-plum:#5b2955;--mock-plum-soft:#5b29551a;--mock-rose:#8e2b30;--mock-rose-soft:#8e2b301a;--mock-gold:#9a7321;--mock-gold-soft:#9a73211a;background:var(--mock-paper);color:var(--mock-ink);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.pie-mock *,.pie-mock :before,.pie-mock :after{box-sizing:border-box}.pie-mock .font-serif,.pie-mock .serif{letter-spacing:-.01em;font-family:DM Serif Display,Georgia,serif;font-weight:400}.pie-mock .numeric{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:DM Serif Display,Georgia,serif}.pie-mock .mono{font-feature-settings:"ss01";font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.pie-mock a{color:var(--mock-amber);text-decoration:none}.pie-mock a:hover{text-underline-offset:2px;text-decoration:underline}.pie-mock button{cursor:pointer}.pie-mock h1,.pie-mock h2,.pie-mock h3,.pie-mock h4{letter-spacing:-.01em;color:var(--mock-ink);margin-block:0;font-family:DM Serif Display,Georgia,serif;font-weight:400}.pie-mock hr{border:0;border-top:1px solid var(--mock-border)}.pie-mock ::-webkit-scrollbar{width:10px;height:10px}.pie-mock ::-webkit-scrollbar-thumb{background:#1a161326;border-radius:5px}.pie-mock ::-webkit-scrollbar-track{background:0 0}.pie-mock ::selection{background:var(--mock-amber-soft);color:var(--mock-ink)}.pie-mock :focus-visible{outline:2px solid var(--mock-amber);outline-offset:2px;border-radius:4px}@keyframes mock-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes mock-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes mock-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes mock-kenburns{0%{transform:scale(1)translate(-1%)}to{transform:scale(1.06)translate(1%)}}.pie-mock .animate-kenburns{will-change:transform;transform-origin:50%;animation:22s ease-in-out infinite alternate mock-kenburns}@media (prefers-reduced-motion:reduce){.pie-mock .animate-kenburns{animation:none}}.pie-mock .animate-fade-in{animation:.4s ease-out mock-fade-in}.pie-mock .animate-pulse-soft{animation:2s ease-in-out infinite mock-pulse}.pie-mock .shimmer{background:linear-gradient(90deg, var(--mock-card-subtle) 0%, #fff9 50%, var(--mock-card-subtle) 100%);background-size:200% 100%;animation:1.8s ease-in-out infinite mock-shimmer}.pie-mock .mock-card{background:var(--mock-card);border:1px solid var(--mock-border);border-radius:14px;box-shadow:0 1px #14121008,0 2px 6px -3px #14121014}.pie-mock .mock-card-subtle{background:var(--mock-card-subtle);border:1px solid var(--mock-border);border-radius:14px}.pie-mock .mock-btn-primary{background:var(--mock-ink);color:#fff;border:0;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;transition:transform .12s,background .12s}.pie-mock .mock-btn-primary:hover{background:#000;transform:translateY(-1px)}.pie-mock .mock-btn-primary:active{transform:translateY(0)}.pie-mock .mock-btn-accent{background:var(--mock-amber);color:#fff;border:0;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;transition:transform .12s,background .12s}.pie-mock .mock-btn-accent:hover{background:var(--mock-amber-dark);transform:translateY(-1px)}.pie-mock .mock-btn-ghost{color:var(--mock-ink);border:1px solid var(--mock-border-strong);background:0 0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .12s}.pie-mock .mock-btn-ghost:hover{background:var(--mock-card-subtle)}.pie-mock kbd{background:var(--mock-card-subtle);border:1px solid var(--mock-border);min-width:18px;height:18px;color:var(--mock-ink-muted);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;display:inline-flex}