.pie-mock{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)}.pie-mock a:not(.underline){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:color-mix(in srgb, var(--mock-ink) 15%, transparent);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,.pie-mock .animate-fade-in{animation:none}.pie-mock .shimmer{background:var(--mock-card-subtle);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%, color-mix(in srgb, var(--mock-card) 60%, transparent) 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);box-shadow:var(--pie-shadow-card);border-radius:14px}.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:var(--mock-card);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:var(--mock-ink-muted);transform:translateY(-1px)}.pie-mock .mock-btn-primary:active{transform:translateY(0)}.pie-mock .mock-btn-accent{background:var(--mock-amber);color:var(--pie-on-primary);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}
.pie-mock{--mock-paper:var(--pie-bg);--mock-card:var(--pie-surface);--mock-card-subtle:var(--pie-primary-muted);--mock-line:var(--pie-border);--mock-border:var(--pie-border);--mock-border-strong:var(--pie-border-light);--mock-ink:var(--pie-ink);--mock-ink-muted:var(--pie-ink-muted);--mock-ink-faint:var(--pie-ink-light);--mock-amber:var(--pie-primary);--mock-amber-dark:var(--pie-primary-dark);--mock-amber-soft:var(--pie-primary-pale);--mock-amber-ink:var(--pie-primary-ink);--mock-forest:var(--pie-primary);--mock-forest-soft:var(--pie-primary-pale);--mock-ocean:var(--pie-primary-light);--mock-ocean-soft:var(--pie-info-pale);--mock-plum:var(--pie-info-ink);--mock-plum-soft:var(--pie-info-pale);--mock-rose:var(--pie-danger);--mock-rose-soft:var(--pie-danger-pale);--mock-gold:var(--pie-accent);--mock-gold-soft:var(--pie-accent-pale);font-family:var(--font-sans);font-feature-settings:normal}.pie-mock .mono{font-feature-settings:normal}.pie-mock .font-serif,.pie-mock .serif,.pie-mock .numeric,.pie-mock h1,.pie-mock h2,.pie-mock h3,.pie-mock h4{font-family:var(--font-serif);word-spacing:var(--pie-heading-word-spacing)}.pie-mock .mock-btn-ghost{border-color:var(--pie-border)}.pie-mock .mock-btn-accent:disabled{opacity:.55;cursor:not-allowed}.pie-mock .mock-btn-accent:disabled:hover{background:var(--pie-primary-dark);transform:none}.pie-mock .mock-card{border-radius:var(--pie-radius-card);box-shadow:var(--pie-shadow-card)}.pie-mock .mock-card-subtle{border-radius:var(--pie-radius-card)}.pie-mock .mock-btn-primary,.pie-mock .mock-btn-accent,.pie-mock .mock-btn-ghost{border-radius:var(--pie-radius-pill);transition:transform .3s var(--pie-ease-smooth), background-color .3s var(--pie-ease-smooth), border-color .3s var(--pie-ease-smooth);padding:12px 24px;font-size:14px;font-weight:700}.pie-mock .mock-btn-primary:hover:not(:disabled),.pie-mock .mock-btn-accent:hover:not(:disabled),.pie-mock .mock-btn-ghost:hover:not(:disabled){transform:translateY(var(--pie-lift-button))}.pie-mock .mock-btn-accent{background:var(--pie-primary-dark)}.pie-mock .mock-btn-accent:hover{background:var(--pie-primary)}.pie-mock .mock-btn-ghost:hover{border-color:var(--pie-primary-light)}.pie-mock :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],select,textarea):not([class*=rounded-full]){border-radius:var(--pie-radius-input)}@media (prefers-reduced-motion:reduce){.pie-mock .mock-btn-primary,.pie-mock .mock-btn-accent,.pie-mock .mock-btn-ghost{transition:none}.pie-mock .mock-btn-primary:hover:not(:disabled),.pie-mock .mock-btn-accent:hover:not(:disabled),.pie-mock .mock-btn-ghost:hover:not(:disabled){transform:none}}