:root{color-scheme:light;--canvas: #efeee9;--surface: #faf9f6;--surface-subtle: #f5f3ee;--surface-strong: #e9e5dc;--ink: #24221e;--ink-soft: #5f5a50;--ink-faint: #665f53;--line: #ded8cc;--line-strong: #c8beae;--accent: #a98545;--accent-soft: #f1e9d8;--accent-ink: #6b4e1f;--success: #28705a;--success-soft: #e4f2ed;--warning: #8a5b20;--warning-soft: #f8eddb;--danger: #a34045;--danger-soft: #f8e7e8;--focus: #8a682c;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow: 0 1px 2px rgb(38 31 20 / 7%);--font-display: "Rethink Sans", "Segoe UI", Arial, sans-serif;--font-body: "Rethink Sans", "Segoe UI", Arial, sans-serif;--font-utility: "Rethink Sans", "Segoe UI", Arial, sans-serif;--text-min: .6875rem;--text-small: .75rem;--text-body: .875rem}*{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:var(--canvas)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--canvas);font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}input,select,textarea{min-width:0;max-width:100%}fieldset{min-width:0}button,a,select{-webkit-tap-highlight-color:transparent}button:not(:disabled),a[href],select:not(:disabled),input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled),input[type=file]:not(:disabled),summary{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed}:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 55%,transparent);outline-offset:2px}a{color:inherit}.eyebrow{margin:0 0 .35rem;color:var(--ink-faint);font-family:var(--font-utility);font-size:var(--text-small);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:2.75rem;padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.button--primary{color:#1c1b18;background:var(--accent)}.button--primary:hover:not(:disabled){color:#fff;background:var(--accent-ink)}.button--secondary{color:var(--ink);border-color:var(--line);background:var(--surface)}.button:disabled{cursor:not-allowed;opacity:.55}.state-panel{display:grid;place-items:center;min-height:16rem;padding:2rem;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--ink-soft);background:color-mix(in srgb,var(--surface) 70%,transparent);text-align:center}.state-panel h2{margin:0 0 .4rem;color:var(--ink);font-family:var(--font-display);font-weight:500}.state-panel p{max-width:32rem;margin:0 0 1rem}.spinner{width:1.5rem;height:1.5rem;margin:0 auto .8rem;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.release-lock{display:flex;gap:.7rem;margin-top:1rem;padding:.85rem 1rem;border:1px solid #d9c391;border-radius:var(--radius-md);color:var(--warning);background:var(--warning-soft)}.release-lock div{display:grid}.release-lock strong{font-size:.78rem}.release-lock p{margin:.15rem 0;color:var(--ink-soft);font-size:.75rem}.step--locked{background:var(--surface-subtle)}
