.mock{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.125rem 1.125rem;border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--e-hard-sm);font-size:.875rem;line-height:1.35}.mock-icon{flex:none;width:1.125rem;height:1.125rem}.mock-label{font-size:var(--t-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-bark)}.mock-line{display:block;height:.5rem;border-radius:999px;background:#dcdfe6;transform-origin:left center}.mock-line-short{width:55%}.mock-head{display:flex;align-items:center;gap:.625rem;font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.mock-avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--color-ink);color:var(--color-marigold)}.mock-meter{height:.625rem;background:var(--color-blush);overflow:clip}.mock-meter,.mock-meter-fill{display:block;border-radius:999px}.mock-meter-fill{height:100%;background:var(--color-fern);transform-origin:left center}.mock-checks,.mock-stages{display:flex;flex-direction:column;gap:.5rem}.mock-checks li,.mock-stages li{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:.5rem;align-items:center;font-weight:600}.mock-checks svg,.mock-stages svg{width:1.25rem;height:1.25rem;color:var(--color-fern)}.mock-question{font-weight:700;font-size:.9375rem}.mock-field{display:flex;align-items:center;height:2.25rem;padding-inline:.75rem;border-radius:var(--radius-sm);background:var(--color-blush)}.mock-caret{width:2px;height:1.125rem;background:var(--color-ink)}.mock-ai{flex-direction:column;padding:.75rem .875rem;border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) 4px;background:#fff1ec;border-left:4px solid var(--color-ignition)}.mock-ai,.mock-ai-head{display:flex;gap:.375rem}.mock-ai-head{align-items:center;font-size:var(--t-micro);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ignition-deep)}.mock-ai-text{font-weight:600}.mock-button{align-self:flex-start;padding:.4375rem .875rem;border-radius:999px;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-display);font-size:.875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mock-browser{gap:0;padding:0;overflow:clip}.mock-chrome{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--color-blush)}.mock-dots{display:flex;gap:.3125rem}.mock-dots i{width:.5rem;height:.5rem;border-radius:999px;background:#c3c7d1}.mock-address{flex:1;height:1.25rem;border-radius:999px;background:var(--color-paper)}.mock-extension,.mock-toast-mark{display:grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border-radius:6px;background:var(--color-ignition);color:var(--color-paper);font-family:var(--font-display);font-size:.75rem;font-weight:800}.mock-page{display:flex;flex-direction:column;gap:.625rem;padding:1rem 1.125rem .75rem}.mock-line-title{width:45%;height:.75rem;background:#c3c7d1}.mock-input{display:block;height:1.375rem;padding:.4375rem .5rem;border-radius:6px;background:var(--color-blush)}.mock-input-fill{display:block;width:62%;height:100%;border-radius:999px;background:var(--color-ink);opacity:.8;transform-origin:left center}.mock-input:nth-child(3) .mock-input-fill{width:44%}.mock-input:nth-child(4) .mock-input-fill{width:74%}.mock-toast{display:flex;align-items:center;gap:.625rem;margin:.25rem .75rem .75rem;padding:.625rem .75rem;border-radius:var(--radius-sm);background:var(--color-ink);color:#d6d4de;font-size:var(--t-micro)}.mock-toast strong{color:var(--color-paper);font-size:.8125rem}.mock-sorted{gap:.5rem}.mock-mail{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-sm);background:var(--color-blush)}.mock-mail-lines{display:flex;flex:1;flex-direction:column;gap:.375rem}.mock-kind{flex:none;padding:.25rem .625rem;border-radius:999px;font-size:var(--t-micro);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mock-kind-0{background:var(--color-fern);color:var(--color-paper)}.mock-kind-1{background:#dcdfe6;color:var(--color-ink)}.mock-kind-2{background:var(--color-marigold);color:var(--color-ink)}.mock-kind-3{background:var(--color-sky);color:var(--color-ink)}.mock-draft{display:flex;flex-direction:column;gap:.4375rem;padding:.75rem;border-radius:var(--radius-sm);background:var(--color-blush)}.mock-stages li{padding:.3125rem .625rem}.mock-stages li.mock-stage-last{border-radius:var(--radius-sm);background:var(--color-fern);color:var(--color-paper)}.mock-stages li.mock-stage-last svg{color:var(--color-paper)}.mock-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.375rem}.mock-day{display:flex;flex-direction:column;gap:.375rem;min-height:6.5rem;padding:.375rem;border-radius:var(--radius-sm);background:var(--color-blush)}.mock-day-name{white-space:nowrap;font-size:var(--t-micro);font-weight:700;text-transform:uppercase;color:var(--color-bark)}.mock-day{grid-row:1}.mock-event{z-index:1;grid-column:2/span 2;grid-row:1;align-self:start;display:flex;flex-direction:column;gap:.125rem;margin:2rem .375rem 0;padding:.4375rem .5rem;border-radius:6px;background:var(--color-ignition);color:var(--color-ink);font-size:.75rem;line-height:1.2;box-shadow:var(--e-soft)}.mock-event strong{font-family:var(--font-display);font-size:.875rem;font-weight:800;text-transform:uppercase}@media (max-width:29.99rem){.mock-week{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-day:first-child,.mock-day:nth-child(5){display:none}}.mock-added{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--color-fern)}.mock-added svg{width:1.25rem;height:1.25rem}.mock-volume{gap:1rem}.mock-volume-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;align-items:baseline}.mock-volume-n{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1;color:var(--color-bark)}.mock-volume-us{color:var(--color-ignition-deep)}.mock-volume-label{font-weight:600}.mock-volume-track{grid-column:1/-1;display:block;height:.875rem;border-radius:999px;background:var(--color-blush)}.mock-volume-bar{display:block;width:100%;height:100%;border-radius:999px;background:var(--color-ignition);transform-origin:left center}.mock-volume-bar.mock-volume-hand{background:var(--color-bark)}@media (forced-colors:active){.mock,.mock-day,.mock-event,.mock-kind,.mock-mail{border:1px solid CanvasText;box-shadow:none}.mock-input-fill,.mock-line,.mock-meter-fill,.mock-volume-bar{forced-color-adjust:none;background:CanvasText}}@keyframes mock-pop{0%{opacity:.2;scale:.6}to{opacity:1;scale:1}}@keyframes mock-type{0%{transform:none}to{transform:scaleX(0)}}@keyframes mock-drop{0%{opacity:.2;translate:0 -1.25rem}to{opacity:1;translate:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.mock-input-fill,.mock-line,.mock-meter-fill,.mock-volume-bar{animation:draw-x linear both;animation-timeline:view();animation-range:entry 40% cover 40%}.mock-input-fill{animation-range:entry calc(40% + var(--i) * 15%) cover calc(35% + var(--i) * 6%)}.mock-volume-bar{animation-range:entry 60% cover 50%}.mock-checks li,.mock-stages li{animation:slide-in linear both;animation-timeline:view();animation-range:entry calc(20% + var(--i) * 15%) cover calc(25% + var(--i) * 5%)}.mock-checks svg,.mock-stages svg{animation:mark-pop linear both;animation-timeline:view();animation-range:entry calc(50% + var(--i) * 10%) cover calc(30% + var(--i) * 5%)}.mock-ai{animation:rise linear both;animation-timeline:view();animation-range:entry 30% cover 35%}.mock-ai-text{position:relative}.mock-ai-text:after{content:"";position:absolute;inset:0;background:#fff1ec;transform-origin:right center;animation:mock-type linear both;animation-timeline:view();animation-range:entry 70% cover 50%}.mock-button,.mock-extension,.mock-kind{animation:mock-pop linear both;animation-timeline:view();animation-range:entry 60% cover 45%}.mock-kind{animation-range:entry calc(40% + var(--i) * 15%) cover calc(30% + var(--i) * 6%)}.mock-mail{animation:slide-in linear both;animation-timeline:view();animation-range:entry 0 entry 100%}.mock-toast{animation:rise linear both;animation-timeline:view();animation-range:entry 50% cover 45%}.mock-event{animation:mock-drop linear both;animation-timeline:view();animation-range:entry 40% cover 40%}.mock-added{animation:slide-in linear both;animation-timeline:view();animation-range:entry 60% cover 50%}}}