.mock-button{border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 18px;font-size:16px;font-weight:800;line-height:20px;display:inline-flex}.mock-button svg{width:18px;height:18px}.mock-button--sm{gap:8px;height:42px;font-size:14px;line-height:18px}.mock-button--sm svg{width:16px;height:16px}.mock-button--primary{background:var(--color-primary);color:var(--color-bg)}.mock-button--secondary{background:var(--color-bg);border:1px solid var(--color-border-strong);color:var(--color-text-strong)}.mock-button--light{background:var(--color-bg);color:var(--color-text-strong)}.mock-button--ink{background:var(--color-text-strong);border:1px solid var(--color-text-body);color:var(--color-bg)}.mock-progress{flex-direction:column;gap:8px;display:flex}.mock-progress__bars,.mock-progress__labels{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mock-progress__bar{border-radius:var(--radius-full);background:var(--color-primary-tint);height:6px}.mock-progress__bar--done{background:var(--color-primary)}.mock-progress__labels{color:var(--color-text-muted);font-size:12px;font-weight:500;line-height:15px}.mock-progress__label--current{color:var(--color-primary);font-weight:800}.mock-field{flex-direction:column;gap:8px;display:flex}.mock-field__label{font-size:14px;font-weight:800;line-height:18px}.mock-field__input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);height:52px;color:var(--color-text-strong);align-items:center;padding:0 16px;font-size:16px;font-weight:500;line-height:20px;display:flex}.mock-field__input--focus{border-color:var(--color-primary)}.mock-field__input--empty{color:var(--color-text-muted)}.nss-record{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px;display:flex}.nss-record__title{align-items:center;gap:8px;font-size:14px;font-weight:800;line-height:18px;display:inline-flex}.nss-record__check{width:20px;height:20px;color:var(--color-bg)}.nss-record__check circle{fill:var(--color-primary);stroke:var(--color-primary)}.nss-record__key{color:var(--color-text);font-size:13px;font-weight:500;line-height:16px}.nss-record__value{font-size:14px;font-weight:800;line-height:18px}.mock-switch{border-radius:var(--radius-full);background:var(--color-border-strong);flex-shrink:0;width:48px;height:28px;padding:3px;display:inline-flex}.mock-switch:after{content:"";border-radius:var(--radius-full);background:var(--color-bg);width:22px;height:22px}.mock-switch--on{background:var(--color-primary);justify-content:flex-end}.status-chip{border-radius:var(--radius-full);white-space:nowrap;align-items:center;width:fit-content;padding:6px 12px;font-size:12px;font-weight:800;line-height:15px;display:inline-flex}.status-chip--blue{background:var(--color-primary);color:var(--color-bg)}.status-chip--ink{background:var(--color-text-strong);color:var(--color-bg)}.status-chip--yellow{background:var(--color-highlight);color:var(--color-text-strong)}.status-chip--outline{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-body)}.status-chip--tint{background:var(--color-primary-tint);color:var(--color-primary)}.app-tracker{flex-direction:column;gap:8px;display:flex}.app-tracker__bars,.app-tracker__labels{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.app-tracker__bar{border-radius:var(--radius-full);background:var(--color-ink-raised);height:6px}.app-tracker__bar--done{background:var(--color-highlight)}.app-tracker__labels{color:var(--color-text-muted);font-size:11px;font-weight:500;line-height:14px}.app-tracker__label--current{color:var(--color-highlight);font-weight:800}.unlock-meter{flex-direction:column;gap:6px;display:flex}.unlock-meter__count{font-size:12px;font-weight:800;line-height:15px}.unlock-meter__track{border-radius:var(--radius-full);background:var(--color-primary-tint);height:6px;display:block;overflow:hidden}.unlock-meter__fill{background:var(--color-text-strong);transform-origin:0;height:100%;display:block}.stacked-peek{border-radius:var(--radius-lg);background:var(--color-bg);position:absolute;left:50%;translate:-50%}.stacked-peek--1{opacity:.8;top:20px}.stacked-peek--2{opacity:.55;top:40px}.mock-arrow{width:16px;height:16px;color:var(--color-text-muted)}