[data-mock-skin=warm-coffee]{color:var(--mock-text);font-family:var(--mock-font-body);font-feature-settings:"kern" 1, "liga" 1, "calt" 1}[data-mock-skin=warm-coffee] .mock-skin-display{font-family:var(--mock-font-display);letter-spacing:-.02em;font-optical-sizing:auto;font-weight:600}[data-mock-skin=warm-coffee] .mock-skin-mono{font-family:var(--mock-font-mono);font-variant-numeric:tabular-nums}[data-mock-skin=warm-coffee] .mock-skin-label{font-family:var(--mock-font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:500}[data-mock-skin=warm-coffee] .mock-skin-scroll{min-width:0;overflow:hidden auto}[data-mock-skin=warm-coffee] .mock-skin-scroll::-webkit-scrollbar{width:6px}[data-mock-skin=warm-coffee] .mock-skin-scroll::-webkit-scrollbar-thumb{background:var(--mock-border);border-radius:999px}[data-mock-skin=warm-coffee] .mock-skin-btn-primary{background:var(--mock-accent);border:1px solid var(--mock-accent-mid);border-radius:var(--mock-radius);color:var(--mock-surface);font-family:var(--mock-font-body);font-weight:600;transition:filter .15s,transform .15s}[data-mock-skin=warm-coffee] .mock-skin-btn-primary:hover{filter:brightness(1.08)}[data-mock-skin=warm-coffee] .mock-skin-btn-ghost{border:1px solid var(--mock-border);border-radius:var(--mock-radius);color:var(--mock-text);font-family:var(--mock-font-body);background:0 0;font-weight:500;transition:background .15s}[data-mock-skin=warm-coffee] .mock-skin-btn-ghost:hover{background:var(--mock-surface-2)}[data-mock-skin=warm-coffee] .mock-skin-card{background:var(--mock-surface);border:1px solid var(--mock-border);border-radius:var(--mock-radius);box-shadow:var(--mock-shadow)}[data-mock-skin=warm-coffee] .mock-skin-card:hover{box-shadow:var(--mock-shadow-lg)}[data-mock-skin=warm-coffee] .mock-skeleton-bar{background-color:var(--mock-border);border-radius:999px}[data-mock-skin=warm-coffee] .mock-skeleton-block{border:1px dashed var(--mock-border);background-color:var(--mock-surface);border-radius:var(--mock-radius)}[data-mock-skin=warm-coffee] .mock-skin-input{border:1px solid var(--mock-border);border-radius:var(--mock-radius);background:var(--mock-surface);width:100%;color:var(--mock-text);font-family:var(--mock-font-body);font-size:.875rem;transition:border-color .15s,box-shadow .15s}[data-mock-skin=warm-coffee] .mock-skin-input:focus{border-color:var(--mock-accent-mid);box-shadow:0 0 0 2px rgba(var(--mock-accent-rgb), .15);outline:none}[data-mock-skin=warm-coffee] .mock-skin-map-pin{animation:2.5s ease-in-out infinite mock-map-pin-pulse}@media (prefers-reduced-motion:reduce){[data-mock-skin=warm-coffee] .mock-skin-map-pin{animation:none}[data-mock-skin=warm-coffee] .mock-skin-card:hover{transform:none}}@keyframes mock-map-pin-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}
[data-mock-skin=noir]{color:var(--mock-text);font-family:var(--mock-font-body);font-feature-settings:"kern" 1, "liga" 1;letter-spacing:-.011em}[data-mock-skin=noir] .mock-skin-display{font-family:var(--mock-font-display);letter-spacing:.02em;font-weight:600}[data-mock-skin=noir] .mock-skin-caps{letter-spacing:.1em;text-transform:uppercase}[data-mock-skin=noir] .mock-skin-mono{font-family:var(--mock-font-mono);font-variant-numeric:tabular-nums}[data-mock-skin=noir] .mock-skin-label{font-family:var(--mock-font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;font-weight:500}[data-mock-skin=noir] .mock-skin-scroll{min-width:0;overflow:hidden auto}[data-mock-skin=noir] .mock-skin-scroll::-webkit-scrollbar{width:4px}[data-mock-skin=noir] .mock-skin-scroll::-webkit-scrollbar-thumb{background:var(--mock-border)}[data-mock-skin=noir] .mock-skin-btn-primary{background:var(--mock-accent);border:1px solid var(--mock-accent);border-radius:var(--mock-radius);color:var(--mock-bg);font-family:var(--mock-font-body);font-weight:600;transition:opacity .15s}[data-mock-skin=noir] .mock-skin-btn-primary:hover{opacity:.88}[data-mock-skin=noir] .mock-skin-btn-ghost{border:1px solid var(--mock-border);border-radius:var(--mock-radius);color:var(--mock-text);font-family:var(--mock-font-body);background:0 0;font-weight:500;transition:border-color .15s,background .15s}[data-mock-skin=noir] .mock-skin-btn-ghost:hover{background:var(--mock-surface);border-color:var(--mock-muted)}[data-mock-skin=noir] .mock-skin-card{background:var(--mock-surface);border:1px solid var(--mock-border);border-radius:var(--mock-radius)}[data-mock-skin=noir] .mock-skin-card:hover{border-color:var(--mock-muted)}[data-mock-skin=noir] .mock-skin-grayscale{filter:grayscale()contrast(1.05)}[data-mock-skin=noir] .mock-skeleton-bar{background-color:var(--mock-border);border-radius:2px}[data-mock-skin=noir] .mock-skeleton-block{border:1px dashed var(--mock-border);background-color:var(--mock-surface);border-radius:var(--mock-radius)}[data-mock-skin=noir] .mock-skin-input{border:1px solid var(--mock-border);border-radius:var(--mock-radius);background:var(--mock-surface);width:100%;color:var(--mock-text);font-family:var(--mock-font-body);font-size:.875rem;transition:border-color .15s,box-shadow .15s}[data-mock-skin=noir] .mock-skin-input:focus{border-color:var(--mock-muted);box-shadow:0 0 0 1px var(--mock-muted);outline:none}[data-mock-skin=noir] .mock-skin-map-pin{animation:2.5s ease-in-out infinite mock-map-pin-pulse}@media (prefers-reduced-motion:reduce){[data-mock-skin=noir] .mock-skin-map-pin{animation:none}[data-mock-skin=noir] .mock-skin-card:hover{transform:none}}@keyframes mock-map-pin-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}
