:root{--color-page: #f4f6f8;--color-surface: #ffffff;--color-ink: #18212b;--color-muted: #5f6b7a;--color-primary: #1677ff;--color-primary-hover: #0f67df;--color-primary-active: #0b57bd;--color-primary-ink: #ffffff;--color-success: #14835b;--color-success-soft: #edf8f3;--color-danger: #c7352f;--color-danger-soft: #fff2f1;--color-border: #dfe4ea;--color-border-hover: #aeb9c5;--color-focus: #0b57bd;--color-overlay: rgba(24, 33, 43, .42);--color-transparent: transparent;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--control-height: 48px;--content-max: 560px;--radius-control: 8px;--radius-surface: 8px;--line-height: 1.5;--line-height-compact: 1.25;--text-small: 14px;--text-body: 16px;--text-title: 24px;--text-metric: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--border-width: 1px;--focus-width: 2px;--focus-offset: 2px;--shadow-dialog: 0 16px 48px rgba(24, 33, 43, .18);--duration-fast: .16s;--duration-spinner: .8s;--ease-out: cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html,body,#app{min-height:100%}html,body{margin:0;overflow-x:clip}body{min-width:0;background-color:var(--color-page);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:var(--line-height)}button,input,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:var(--color-transparent)}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.app-shell{display:grid;min-height:100dvh;padding:var(--space-5) var(--space-3);place-items:center}.workflow-surface{width:min(100%,var(--content-max));min-width:0;padding:var(--space-5);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-surface)}.product-title{margin:0 0 var(--space-5);font-size:var(--text-title);font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:var(--line-height-compact);overflow-wrap:anywhere}.step-title{margin:0;font-size:var(--text-body);font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:var(--line-height-compact)}.step-copy{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--text-small)}.step-form{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.field-group{display:grid;gap:var(--space-1);min-width:0}.field-label{font-size:var(--text-small);font-weight:var(--font-weight-medium)}.field-control{width:100%;min-width:0;min-height:var(--control-height);padding:var(--space-2);resize:vertical;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);outline:var(--focus-width) solid var(--color-transparent);outline-offset:var(--focus-offset);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.field-control:hover:not(:disabled){border-color:var(--color-border-hover)}.field-control:focus-visible{border-color:var(--color-primary)}.field-control[aria-invalid=true]{border-color:var(--color-danger);background-color:var(--color-danger-soft)}.session-input{min-height:calc(var(--control-height) * 4)}.field-message{min-height:1lh;margin:0;color:var(--color-danger);font-size:var(--text-small)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.actions--split{justify-content:space-between}.button,.text-action{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;padding:0 var(--space-3);border-radius:var(--radius-control);cursor:pointer;font-weight:var(--font-weight-medium);letter-spacing:0;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);white-space:nowrap}.button--primary{background-color:var(--color-primary);color:var(--color-primary-ink)}.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--secondary{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);color:var(--color-ink)}.button--secondary:hover:not(:disabled){border-color:var(--color-border-hover);background-color:var(--color-page)}.text-action{padding-inline:0;background-color:var(--color-transparent);color:var(--color-primary)}.text-action:hover:not(:disabled){color:var(--color-primary-hover)}.button:disabled,.text-action:disabled,.field-control:disabled{cursor:not-allowed;opacity:.55}.instruction-list{display:grid;gap:var(--space-1);margin:var(--space-4) 0 0;padding-left:var(--space-4);color:var(--color-muted);font-size:var(--text-small)}.dialog-backdrop{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;padding:var(--space-3);place-items:center;background-color:var(--color-overlay)}.dialog{width:min(100%,var(--content-max));padding:var(--space-4);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-surface);box-shadow:var(--shadow-dialog)}.dialog-title{margin:0;font-size:var(--text-title);font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:var(--line-height-compact)}.account-summary{display:grid;gap:var(--space-2);margin:var(--space-4) 0}.account-summary__row{display:grid;gap:var(--space-1)}.account-summary__label{color:var(--color-muted);font-size:var(--text-small)}.account-summary__value{min-width:0;font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.waiting-screen{display:grid;min-height:100dvh;padding:var(--space-5) var(--space-3);place-items:center}.waiting-panel{display:grid;width:min(100%,var(--content-max));min-height:calc(var(--control-height) * 5);align-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-surface);text-align:center}.spinner{width:var(--text-metric);height:var(--text-metric);border:var(--focus-width) solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin var(--duration-spinner) linear infinite}.elapsed-time{font-size:var(--text-metric);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:var(--line-height-compact)}.waiting-message{margin:0;font-weight:var(--font-weight-medium)}.result-panel{display:grid;gap:var(--space-4)}.result-panel--success{color:var(--color-success)}.result-panel--failure{color:var(--color-danger)}.result-title{margin:0;color:var(--color-ink);font-size:var(--text-title);font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:var(--line-height-compact)}.lookup-result{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.app-shell,.waiting-screen{padding:var(--space-3)}.workflow-surface,.waiting-panel{padding:var(--space-4)}.actions,.actions--split{display:grid;grid-template-columns:minmax(0,1fr)}.button,.text-action{width:100%}.dialog{width:calc(100vw - var(--space-5))}}@media (pointer: coarse){.button,.text-action,.field-control{min-height:var(--control-height)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:1ms}}
