:root{--color-bg: #17120d;--color-surface: #ffffff;--color-ink: #1c1710;--color-ink-muted: #6b5f4f;--color-gold: #b8863b;--color-gold-dark: #8f661f;--color-danger: #a3311a;--color-offline: #7a5a1e;--radius: 10px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-ink)}.screen{min-height:100dvh;padding:var(--space-4) var(--space-3);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-3);max-width:480px;margin:0 auto}.screen--centered{justify-content:center}.screen__title{font-size:1.6rem;font-weight:700;margin:0 0 var(--space-2);color:var(--color-ink)}.field{display:flex;flex-direction:column;gap:var(--space-2);border:none;padding:0;margin:0}.field__label{font-size:1rem;font-weight:600;color:var(--color-ink-muted)}.field__input{font-size:1.25rem;padding:var(--space-3);border:2px solid #d9cdb8;border-radius:var(--radius);background:#fffdf9;color:var(--color-ink);min-height:56px}.field__input:focus-visible{outline:3px solid var(--color-gold);outline-offset:1px}.field__input--large{font-size:2rem;text-align:center;font-weight:700}.field__input--otp{letter-spacing:.5em;text-align:center;font-size:1.75rem}.field__error{color:var(--color-danger);font-size:.95rem;margin:0}.grade-slider{display:flex;align-items:center;gap:var(--space-3)}.grade-slider input[type=range]{flex:1;min-height:56px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.grade-slider input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,var(--color-gold-dark) 0%,var(--color-gold) 50%,var(--color-gold) 100%);border:1px solid #d9cdb8}.grade-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border-radius:50%;background:var(--color-gold);border:2px solid var(--color-gold-dark);margin-top:-13px;box-shadow:0 2px 6px #0003}.grade-slider input[type=range]:focus-visible{outline:3px solid var(--color-gold);outline-offset:2px}.grade-slider__value{min-width:4ch;font-size:1.3rem;font-weight:700;color:var(--color-ink);text-align:right}.button{min-height:52px;border-radius:var(--radius);font-size:1.15rem;font-weight:700;border:none;cursor:pointer}.button--primary{background:var(--color-gold);color:#1c1710}.button--primary:disabled{background:#e2d3b3;color:#8f8264;cursor:not-allowed}.button--large{min-height:64px;font-size:1.3rem}.button--text{background:transparent;color:var(--color-gold-dark);min-height:44px;text-decoration:underline}.banner{padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-weight:600;font-size:.95rem}.banner--offline{background:#f4e6c8;color:var(--color-offline);border:1px solid #e0c98a}.toast{background:#eef7ee;color:#2a6b2a;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-weight:600;margin:0}.sync-status{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:var(--color-ink-muted)}.history{margin-top:var(--space-3)}.history__title{font-size:1rem;color:var(--color-ink-muted);margin:0 0 var(--space-2)}.history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.history__item{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3);background:#faf6ee;border-radius:var(--radius);font-size:1rem}.sync-dot--local{color:var(--color-offline)}.sync-dot--synced{color:#2a6b2a}.smelt-lot-breakdown{margin-top:var(--space-3);border-top:1px solid #e2d3b3;padding-top:var(--space-2)}.smelt-lot-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,#fff 30%,#fff0),linear-gradient(to right,#fff0,#fff 70%) 100% 0,linear-gradient(to right,#0000001a,#fff0),linear-gradient(to left,#0000001a,#fff0) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll;border-radius:var(--radius)}.smelt-lot-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.85rem}.smelt-lot-table thead tr{border-bottom:2px solid #d9cdb8;color:var(--color-ink-muted)}.smelt-lot-table th{text-align:right;padding:var(--space-1) var(--space-2);white-space:nowrap}.smelt-lot-table th:first-child,.smelt-lot-table th:nth-child(2){text-align:left}.smelt-lot-table td{padding:var(--space-1) var(--space-2);text-align:right}.smelt-lot-table td:first-child,.smelt-lot-table td:nth-child(2){text-align:left}.smelt-lot-table tbody tr{border-bottom:1px solid #faf6ee}.smelt-lot-table tfoot tr{border-top:2px solid #d9cdb8;font-weight:700}.smelt-lot-table__muted{color:var(--color-ink-muted)}.smelt-lot-table__flag{font-weight:700;color:var(--color-gold-dark)}.smelt-lot-table__note{display:block;font-size:.75rem;font-weight:400;color:var(--color-ink-muted)}.smelt-lot-cards{display:none;flex-direction:column;gap:var(--space-2)}.smelt-lot-card{background:#faf6ee;border-radius:var(--radius);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.smelt-lot-card__row{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem}.smelt-lot-card__label{color:var(--color-ink-muted);font-weight:600;min-width:80px}.smelt-lot-card__value{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.smelt-lot-card__muted{color:var(--color-ink-muted)}.smelt-lot-card__flag{font-weight:700;color:var(--color-gold-dark)}.smelt-lot-card__note{display:block;font-size:.75rem;font-weight:400;color:var(--color-ink-muted)}.smelt-lot-totals{background:#faf6ee;border-radius:var(--radius);padding:var(--space-3);border-left:4px solid var(--color-gold-dark)}.smelt-lot-totals__title{font-weight:700;font-size:.95rem;margin-bottom:var(--space-1)}.smelt-lot-totals__grid{display:flex;flex-direction:column;gap:var(--space-1)}.smelt-lot-cards__footer{font-size:.85rem;color:var(--color-ink-muted);margin:0}@media (max-width: 699px){.smelt-lot-table-wrapper{display:none}.smelt-lot-cards{display:flex}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}