.mock-collection{position:relative;width:100%;max-width:480px;margin-inline:auto;padding:var(--space-4) 0 var(--space-12)}.mock-collection:before{content:"";position:absolute;top:8%;right:-6%;bottom:8%;left:-6%;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgb(var(--rgb-accent) / .16),transparent 70%);filter:blur(24px);pointer-events:none}.mock-collection__card{position:relative;display:flex;flex-direction:column;background-color:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 48px rgb(var(--rgb-accent) / .08);overflow:hidden}.mock-collection__card:after{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--rgb-accent) / .7),transparent);pointer-events:none}.mock-collection__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);background:radial-gradient(ellipse 90% 120% at 0% 0%,rgb(var(--rgb-accent) / .07),transparent 60%)}.mock-collection__head>div:first-child{flex:1 1 auto;min-width:0}.mock-collection__eyebrow{display:block;color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.mock-collection__name{display:block;font-size:var(--text-lg);font-weight:var(--weight-extrabold);line-height:1.2}.mock-collection__chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.mock-collection__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-accent-tint);border:1px solid var(--color-border-accent);color:var(--color-accent);font-size:.65rem;font-weight:var(--weight-bold);white-space:nowrap}.mock-collection__chip--muted{background-color:var(--color-surface-2);border-color:var(--color-border-strong);color:var(--color-text-2)}.mock-collection__value{display:flex;flex-direction:column;align-items:flex-start;flex-basis:100%;padding-top:var(--space-3);border-top:1px solid var(--color-border);text-align:left}.mock-collection__value-label{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.mock-collection__value-label svg{color:var(--color-accent)}.mock-collection__value-number{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);line-height:1.1;font-variant-numeric:tabular-nums}.mock-collection__value-range{color:var(--color-text-3);font-size:var(--text-xs)}.mock-collection__chart{position:relative;padding:var(--space-3) var(--space-4) var(--space-2);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-2)}.mock-collection__delta{position:absolute;top:var(--space-3);right:var(--space-4);z-index:1;display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-success-tint);border:1px solid rgb(74 222 128 / .35);color:var(--color-success);font-size:.65rem;font-weight:var(--weight-bold)}.mock-collection__svg{display:block;width:100%;height:120px;overflow:visible}.mock-collection__grid{stroke:#ffffff0f;stroke-width:1;vector-effect:non-scaling-stroke}.mock-collection__band{fill:rgb(var(--rgb-accent) / .09)}.mock-collection__area{fill:url(#mock-collection-area)}.mock-collection__line{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.mock-collection__dot{fill:var(--color-accent);stroke:var(--color-surface-2);stroke-width:2}@media(prefers-reduced-motion:no-preference){.mock-collection__line{animation:mock-collection-draw 2s var(--ease-out) .3s backwards}.mock-collection__area,.mock-collection__band{animation:mock-collection-fade .8s var(--ease-out) 1.6s backwards}.mock-collection__dot{animation:mock-collection-fade .4s var(--ease-out) 2.2s backwards,mock-collection-pulse 2s ease-in-out 2.6s infinite}}@keyframes mock-collection-draw{0%{stroke-dashoffset:1}}@keyframes mock-collection-fade{0%{opacity:0}}@keyframes mock-collection-pulse{0%,to{r:3.5}50%{r:5}}.mock-collection__axis{display:flex;justify-content:space-between;margin-top:var(--space-1);color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-semibold)}.mock-collection__rows{list-style:none;margin:0;padding:var(--space-2) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.mock-collection__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.mock-collection__row:first-child{background-color:rgb(var(--rgb-accent) / .06);border:1px solid rgb(var(--rgb-accent) / .22)}.mock-collection__thumb{display:grid;place-content:center;width:34px;height:46px;padding:2px;border-radius:var(--radius-sm);background-color:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-3);font-size:var(--text-xs)}.mock-collection__thumb img{max-width:100%;max-height:100%;object-fit:contain}.mock-collection__row-text{display:flex;flex-direction:column;min-width:0}.mock-collection__row-name{font-size:var(--text-sm);font-weight:var(--weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-collection__row-sub{font-size:var(--text-xs);color:var(--color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-collection__grade{padding:2px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-semibold);white-space:nowrap}.mock-collection__grade strong{color:var(--color-text)}.mock-collection__row-value{min-width:64px;text-align:right;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-extrabold);font-variant-numeric:tabular-nums}.mock-collection__editor{position:absolute;left:calc(-1 * var(--space-2));bottom:var(--space-4);z-index:2;display:flex;flex-direction:column;gap:var(--space-2);width:min(240px,80%);padding:var(--space-3) var(--space-4);background:radial-gradient(ellipse 120% 160% at 0% -30%,rgb(var(--rgb-accent) / .12),transparent 70%),var(--color-surface-3);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-3),0 0 28px rgb(var(--rgb-accent) / .12)}@media(prefers-reduced-motion:no-preference){.mock-collection__editor{animation:mock-collection-float 5s var(--ease-in-out) infinite}}@keyframes mock-collection-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mock-collection__editor-title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold)}.mock-collection__editor-title svg{color:var(--color-accent)}.mock-collection__slider{position:relative;display:block;height:6px;border-radius:var(--radius-full);background-color:var(--color-surface-1);border:1px solid var(--color-border-strong)}.mock-collection__slider-fill{position:absolute;inset:0 auto 0 0;width:78%;border-radius:inherit;background:linear-gradient(90deg,#5e7900,var(--color-accent))}.mock-collection__slider-knob{position:absolute;top:50%;left:78%;width:16px;height:16px;border-radius:50%;background-color:var(--color-accent);border:2px solid var(--color-surface-3);box-shadow:0 0 0 3px rgb(var(--rgb-accent) / .25);transform:translate(-50%,-50%)}.mock-collection__editor-foot{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-semibold)}.mock-collection__editor-foot span:first-child{color:var(--color-text)}@media(min-width:768px){.mock-collection{max-width:500px;padding-block:var(--space-6) var(--space-12)}.mock-collection__editor{left:calc(-1 * var(--space-8));bottom:var(--space-6)}.mock-collection__head{flex-wrap:nowrap}.mock-collection__value{align-items:flex-end;flex-basis:auto;flex-shrink:0;padding-top:0;border-top:none;text-align:right}.mock-collection__svg{height:140px}}@media(min-width:1100px){.mock-collection{max-width:520px}}.mock-estimator{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.mock-estimator__stats{display:flex;flex-direction:column;gap:var(--space-2)}.mock-estimator__stats-title,.mock-estimator__result-title{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.mock-estimator__stats-title svg{color:var(--color-accent)}.mock-estimator__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.mock-estimator__tile{display:flex;flex-direction:column;gap:1px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-surface-1);border:1px solid var(--color-border)}.mock-estimator__tile--record{grid-column:1 / -1;border-color:var(--color-border-accent);background:radial-gradient(ellipse 120% 160% at 50% -40%,rgb(var(--rgb-accent) / .1),transparent 70%),var(--color-surface-1)}.mock-estimator__tile-label{color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase}.mock-estimator__tile-value{font-size:var(--text-base);font-weight:var(--weight-extrabold);font-variant-numeric:tabular-nums}.mock-estimator__tile--record .mock-estimator__tile-value{color:var(--color-accent);font-size:var(--text-lg)}.mock-estimator__tile-meta{color:var(--color-text-3);font-size:var(--text-xs)}.mock-estimator__result{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.mock-estimator__scale{position:relative;display:block;height:8px;margin:var(--space-8) 0 var(--space-6);border-radius:var(--radius-full);background-color:var(--color-surface-1);border:1px solid var(--color-border-strong)}.mock-estimator__scale-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--rgb-accent) / .15),rgb(var(--rgb-accent) / .75))}.mock-estimator__scale-marker{position:absolute;top:50%;left:74%;width:14px;height:14px;border-radius:50%;background-color:var(--color-accent);border:2px solid var(--color-surface-2);box-shadow:0 0 0 3px rgb(var(--rgb-accent) / .25);transform:translate(-50%,-50%)}.mock-estimator__scale-marker span{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;padding:1px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-surface-3);border:1px solid var(--color-border-accent);color:var(--color-text);font-size:.65rem;font-weight:var(--weight-bold)}.mock-estimator__scale-low,.mock-estimator__scale-high{position:absolute;top:calc(100% + 6px);color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.mock-estimator__scale-low{left:0}.mock-estimator__scale-high{right:0}.mock-estimator__estimate{display:flex;flex-direction:column;align-items:flex-start}.mock-estimator__estimate-label{color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.mock-estimator__estimate-number{font-size:var(--text-xl);font-weight:var(--weight-extrabold);line-height:1.1;font-variant-numeric:tabular-nums}.mock-estimator__estimate-range{color:var(--color-text-2);font-size:var(--text-xs)}@media(min-width:768px){.mock-estimator{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-6)}}