.byt-card{background:var(--surface-bg-raised);color:var(--text-primary);padding:var(--density-storefront);transition:transform var(--motion-fast) var(--ease-snappy), box-shadow var(--motion-fast) var(--ease-snappy), border-color var(--motion-fast) var(--ease-snappy);display:block;position:relative}.byt-card--sunken{background:var(--surface-bg-sunken)}.byt-card--storefront{border:2px solid var(--text-primary);box-shadow:8px 8px 0 0 var(--accent-primary);border-radius:2px;padding:1.75rem}.byt-card--storefront.byt-card--interactive{cursor:pointer}.byt-card--storefront.byt-card--interactive:hover{box-shadow:11px 11px 0 0 var(--accent-primary);transform:translate(-3px,-3px)}.byt-card--storefront.byt-card--interactive:active{box-shadow:3px 3px 0 0 var(--accent-primary);transform:translate(2px,2px)}.byt-card--ops{border:1px solid var(--surface-border);font-family:var(--font-body);padding:var(--density-ops) calc(var(--density-ops) * 1.6);border-radius:0}.byt-card--ops.byt-card--interactive{cursor:pointer}.byt-card--ops.byt-card--interactive:hover{border-color:var(--accent-primary);box-shadow:0 0 18px var(--accent-primary-tint-strong)}.byt-card--storefront.byt-card--bracketed{box-shadow:none;background:linear-gradient(180deg, var(--surface-bg-raised), var(--surface-bg-sunken));border-color:#0000}.byt-card--ops.byt-card--bracketed{box-shadow:none;border-color:#0000}.byt-card__bracket{width:calc(var(--bracket-size) * 1.4);height:calc(var(--bracket-size) * 1.4);border-color:var(--bracket-color);pointer-events:none;border-style:solid;position:absolute}.byt-card__bracket--tl{border-width:var(--bracket-thickness) 0 0 var(--bracket-thickness);top:0;left:0}.byt-card__bracket--tr{border-width:var(--bracket-thickness) var(--bracket-thickness) 0 0;top:0;right:0}.byt-card__bracket--bl{border-width:0 0 var(--bracket-thickness) var(--bracket-thickness);bottom:0;left:0}.byt-card__bracket--br{border-width:0 var(--bracket-thickness) var(--bracket-thickness) 0;bottom:0;right:0}@media (prefers-reduced-motion:reduce){.byt-card{transition:none}.byt-card:hover{transform:none!important}}.byt-field{flex-direction:column;gap:.4rem;width:100%;display:flex}.byt-field__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:700;font-size:var(--type-eyebrow);color:var(--text-primary);line-height:1.2}.byt-field__req{color:var(--accent-secondary)}.byt-field__hint{font-size:var(--type-body-sm);color:var(--text-muted);margin:0;line-height:1.4}.byt-field__error{font-size:var(--type-body-sm);color:var(--accent-bad);margin:0;font-weight:600;line-height:1.4}.byt-field__inline-label{cursor:pointer;align-items:center;display:inline-flex}.byt-input{font-family:var(--font-body);font-size:var(--type-body-md);color:var(--text-primary);background:var(--surface-bg-sunken);border:2px solid var(--surface-border-strong);width:100%;transition:border-color var(--motion-fast) var(--ease-snappy), box-shadow var(--motion-fast) var(--ease-snappy), background var(--motion-fast) var(--ease-snappy);box-sizing:border-box;border-radius:0;outline:none;padding:.75rem .9rem;line-height:1.4}.byt-input::placeholder{color:var(--text-muted)}.byt-input:hover:not(:disabled){border-color:var(--accent-primary)}.byt-input:focus{border-color:var(--accent-primary);box-shadow:var(--accent-primary-focus-ring)}.byt-input:disabled{opacity:.5;cursor:not-allowed}.byt-field--has-error .byt-input{border-color:var(--accent-bad)}.byt-field--has-error .byt-input:focus{box-shadow:var(--accent-bad-focus-ring)}textarea.byt-input{resize:vertical;min-height:6rem;font-family:var(--font-body)}select.byt-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--accent-primary) 50%), linear-gradient(-45deg, transparent 50%, var(--accent-primary) 50%);background-position:calc(100% - 16px),calc(100% - 10px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2rem}.byt-input--storefront{background:var(--surface-bg);font-family:var(--font-body);font-size:var(--type-body-md);min-height:var(--touch-target-min);box-shadow:3px 3px 0 0 var(--accent-primary);border:2px solid #000;border-radius:2px}.byt-input--storefront:hover:not(:disabled){border-color:var(--accent-primary)}.byt-input--storefront:focus{border-color:var(--accent-primary);box-shadow:4px 4px 0 0 var(--accent-primary), var(--accent-primary-focus-ring)}.byt-field--has-error .byt-input--storefront{border-color:var(--accent-bad);box-shadow:3px 3px 0 0 var(--accent-bad)}.byt-field--has-error .byt-input--storefront:focus{box-shadow:4px 4px 0 0 var(--accent-bad), var(--accent-bad-focus-ring)}.byt-field--storefront .byt-field__label{font-family:var(--font-mono);font-size:var(--type-mono-xs);letter-spacing:var(--tracking-wider);color:var(--text-secondary);font-weight:500}input[type=number].byt-input--storefront,input[type=tel].byt-input--storefront{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.byt-input--variant-carbon{font-family:var(--font-mono);letter-spacing:.02em;background:var(--surface-bg-sunken);border:2px solid var(--surface-border);box-shadow:none;min-height:var(--touch-target-min);padding:.7rem .85rem;font-size:.88rem}.byt-input--variant-carbon::placeholder{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted)}.byt-input--variant-carbon:hover:not(:disabled){border-color:var(--accent-primary)}.byt-input--variant-carbon:focus{border-color:var(--accent-primary);box-shadow:4px 4px 0 0 var(--accent-primary)}.byt-field--has-error .byt-input--variant-carbon{border-color:var(--accent-bad);box-shadow:none}.byt-field--has-error .byt-input--variant-carbon:focus{box-shadow:4px 4px 0 0 var(--accent-bad)}.byt-field--variant-carbon .byt-field__label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-secondary);font-size:.7rem;font-weight:500}.byt-field--variant-carbon .byt-field__error,.byt-field--variant-carbon .byt-field__hint{font-family:var(--font-mono);letter-spacing:.08em;font-size:.7rem}select.byt-input--variant-carbon{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-primary) 50%), linear-gradient(135deg, var(--text-primary) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:1.6rem}textarea.byt-input--variant-carbon{font-family:var(--font-mono);min-height:6rem}.byt-input--ops{font-family:var(--font-mono);font-size:var(--type-mono-md);border:1px solid var(--surface-border-strong);background:var(--surface-bg-sunken);letter-spacing:var(--tracking-normal);padding:.55rem .75rem}.byt-field--ops .byt-field__label{font-family:var(--font-mono);font-size:var(--type-mono-xs)}.byt-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:inline-flex;position:relative}.byt-toggle .byt-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.byt-toggle__box{border:2px solid var(--surface-border-strong);background:var(--surface-bg-sunken);width:20px;height:20px;transition:border-color var(--motion-fast), background var(--motion-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.byt-toggle--radio .byt-toggle__box{border-radius:50%}.byt-toggle:hover .byt-toggle__box{border-color:var(--accent-primary)}.byt-toggle .byt-input:focus-visible+.byt-toggle__box{border-color:var(--accent-primary);box-shadow:var(--accent-primary-focus-ring)}.byt-toggle .byt-input:checked+.byt-toggle__box{background:var(--accent-primary);border-color:var(--accent-primary)}.byt-toggle--checkbox .byt-input:checked+.byt-toggle__box:after{content:"";border-left:2px solid var(--text-inverse);border-bottom:2px solid var(--text-inverse);width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.byt-toggle--radio .byt-input:checked+.byt-toggle__box:after{content:"";background:var(--text-inverse);border-radius:50%;width:8px;height:8px}.byt-toggle__label{font-family:var(--font-body);font-size:var(--type-body-md);color:var(--text-primary);line-height:1.3}.byt-field--ops .byt-toggle__label{font-family:var(--font-mono);font-size:var(--type-mono-md)}@media (prefers-reduced-motion:reduce){.byt-input,.byt-toggle__box{transition:none}}.byt-section-header{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin:0 0 1.5rem;display:flex;position:relative}.byt-section-header__inner{flex-direction:column;gap:.4rem;min-width:0;display:flex}.byt-section-header__actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.byt-section-header__eyebrow{font-family:var(--font-mono);font-size:var(--type-mono-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent-primary);font-weight:600}.byt-section-header__title{color:var(--text-primary);margin:0;line-height:1}.byt-section-header__subtitle{color:var(--text-secondary);font-size:var(--type-body-md);max-width:60ch;margin:0;line-height:1.5}.byt-section-header--align-center{text-align:center;flex-direction:column;justify-content:center;align-items:center}.byt-section-header--align-center .byt-section-header__inner{text-align:center;align-items:center}.byt-section-header--storefront .byt-section-header__title{font-family:var(--font-display);font-weight:900;font-size:var(--type-display-md);text-transform:uppercase;letter-spacing:var(--tracking-display)}.byt-section-header--storefront.byt-section-header--size-poster .byt-section-header__title{letter-spacing:var(--tracking-tight);font-size:clamp(2.5rem,6vw,5rem);line-height:.84}.byt-section-header--ops{background:var(--surface-bg-sunken);border:none;padding:1rem 1.25rem}.byt-section-header--ops .byt-section-header__title{font-family:var(--font-mono);font-weight:700;font-size:var(--type-mono-lg);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.byt-section-header--ops .byt-section-header__subtitle{font-family:var(--font-mono);font-size:var(--type-mono-sm)}.byt-section-header__bracket{width:var(--bracket-size);height:var(--bracket-size);border-color:var(--accent-primary);pointer-events:none;border-style:solid;position:absolute}.byt-section-header__bracket--tl{border-width:var(--bracket-thickness) 0 0 var(--bracket-thickness);top:0;left:0}.byt-section-header__bracket--tr{border-width:var(--bracket-thickness) var(--bracket-thickness) 0 0;top:0;right:0}.byt-section-header__bracket--bl{border-width:0 0 var(--bracket-thickness) var(--bracket-thickness);bottom:0;left:0}.byt-section-header__bracket--br{border-width:0 var(--bracket-thickness) var(--bracket-thickness) 0;bottom:0;right:0}@media (width<=640px){.byt-section-header{flex-direction:column;align-items:flex-start}.byt-section-header--align-center{align-items:center}}.byt-backdrop{pointer-events:none;z-index:0;--byt-backdrop-slash:var(--accent-primary);background-image:radial-gradient(ellipse at center, transparent 30%, #0000008c 100%), repeating-linear-gradient(135deg, transparent 0, transparent 96px, color-mix(in srgb, var(--byt-backdrop-slash) 5%, transparent) 96px, color-mix(in srgb, var(--byt-backdrop-slash) 5%, transparent) 98px, transparent 98px, transparent 192px), radial-gradient(#ffffff12 1px, transparent 1.4px);background-repeat:no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,14px 14px;position:fixed;inset:0}.byt-backdrop--cyan{--byt-backdrop-slash:var(--accent-primary)}.byt-backdrop--pink{--byt-backdrop-slash:var(--accent-secondary)}.byt-backdrop--yellow{--byt-backdrop-slash:var(--accent-warn)}.byt-backdrop--info{--byt-backdrop-slash:var(--accent-info)}.byt-backdrop--good{--byt-backdrop-slash:var(--accent-good)}@keyframes byt-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.byt-reveal{opacity:0;animation:byt-reveal var(--motion-deliberate) var(--ease-out-expo) both;animation-delay:var(--byt-reveal-delay,0s)}@media (prefers-reduced-motion:reduce){.byt-reveal{opacity:1;animation:none;transform:none}}.byt-receipt-row{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.06em;align-items:baseline;gap:.5rem;padding:.25rem 0;display:flex}.byt-receipt-row--sm{font-size:.7rem}.byt-receipt-row--md{font-size:.78rem}.byt-receipt-row--lg{font-size:.92rem}.byt-receipt-row--xl{font-size:1.85rem;font-family:var(--font-display);letter-spacing:.04em;padding:.85rem 0 .5rem;font-weight:700}.byt-receipt-row__label{text-transform:uppercase;color:var(--text-primary);flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:.4rem;font-weight:500;display:inline-flex}.byt-receipt-row--xl .byt-receipt-row__label{font-weight:700}.byt-receipt-row__tag{letter-spacing:.12em;color:var(--accent-good);border:1px solid var(--accent-good);padding:.05rem .4rem;font-size:.6rem;font-weight:600;display:inline-block;transform:rotate(-2deg)}.byt-receipt-row__sub{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:.6rem;font-weight:400}.byt-receipt-row__dots{border-bottom:2px dotted var(--text-muted);opacity:.55;flex:auto;align-self:end;min-width:1rem;margin-bottom:.3em}.byt-receipt-row--xl .byt-receipt-row__dots{border-bottom:4px solid var(--text-primary);opacity:1;margin-bottom:.4em}.byt-receipt-row__value{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:70px;font-weight:600}.byt-receipt-row--xl .byt-receipt-row__value{color:var(--accent-good);font-size:2.1rem;font-weight:700}.byt-receipt-row--tone-good .byt-receipt-row__value{color:var(--accent-good)}.byt-receipt-row--tone-warn .byt-receipt-row__value{color:var(--accent-warn)}.byt-receipt-row--tone-bad .byt-receipt-row__value{color:var(--accent-bad)}.byt-receipt-row--tone-info .byt-receipt-row__value{color:var(--accent-info)}.byt-receipt-row--tone-muted .byt-receipt-row__value{color:var(--text-muted);font-style:italic}.byt-receipt-row--highlight{background:var(--accent-good-tint);margin:0 -.5rem;padding:.4rem .5rem}.byt-stamp{font-family:var(--font-display);letter-spacing:.05em;background:var(--surface-bg);animation:byt-stamp-slam var(--stamp-duration,.7s) var(--ease-out-expo) both;z-index:3;border:4px double;flex-direction:column;align-items:flex-start;padding:.65rem 1.1rem;font-size:clamp(1.3rem,3vw,1.85rem);font-weight:700;line-height:.95;display:flex;position:absolute;top:.85rem;right:1rem;transform:rotate(-7deg);box-shadow:4px 4px #000}.byt-stamp__line{display:block}@keyframes byt-stamp-slam{0%{opacity:0;transform:translate(-30px,-180px)rotate(-90deg)scale(3.4)}60%{opacity:1;transform:translate(0)rotate(-2deg)scale(1.18)}to{transform:translate(0)rotate(-7deg)scale(1)}}@media (width<=768px){.byt-stamp{padding:.5rem .85rem;font-size:1.15rem;right:.5rem}}@media (width<=480px){.byt-stamp{padding:.4rem .7rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){.byt-stamp{animation:none}}
