:root{--bg: #f1f2ed;--surface: #e2e6dc;--ink: #102820;--muted: #53635d;--accent: #d4ff50;--accent-ink: #102820;--danger: #a62e24;--field-dark: #102820;--field-dark-ink: #f5f7f0;--margin: clamp(1rem, 3vw, 2rem);--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1rem, .96rem + .22vw, 1.125rem);--step-lead: clamp(1.25rem, 1.05rem + .8vw, 1.75rem);--step-head: clamp(2.5rem, 1.5rem + 4vw, 5.5rem);color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100%;margin:0;font-size:var(--step-body);line-height:1.5}button,textarea,select{font:inherit}button,select{min-height:48px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}::selection{color:var(--accent-ink);background:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app-shell,.pairing-shell{min-height:100svh;padding:env(safe-area-inset-top) var(--margin) calc(env(safe-area-inset-bottom) + 1rem)}.app-shell{display:grid;grid-template-rows:auto auto auto minmax(12rem,1fr) auto;gap:clamp(1.5rem,4vh,3.5rem)}.drive-connection p{margin:0}.pairing-copy>label,.pairing-copy>input{grid-column:5 / 11}.pairing-copy input{display:block;width:100%;min-height:48px;margin-block:.6rem;padding:.75rem;font:inherit;border:1px solid currentColor;border-radius:0;background:var(--bg);color:var(--ink)}.masthead{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;justify-content:space-between;padding-top:1rem}.wordmark{font-size:var(--step-lead);font-weight:700;letter-spacing:-.035em}.connection{font-size:var(--step-small);color:var(--muted)}.queue-summary{display:grid;grid-template-columns:minmax(8rem,.4fr) minmax(12rem,1fr);align-items:end;gap:1rem}.queue-summary p{margin:0;max-width:24ch}.queue-number{font-size:clamp(5rem,18vw,12rem);line-height:.72;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.timeline{display:grid;align-content:start;gap:1rem}.capture-row{display:grid;grid-template-columns:minmax(8rem,.4fr) minmax(12rem,1fr);gap:1rem;padding:1.2rem 0;background:var(--bg)}.capture-row p{max-width:62ch;margin:0;white-space:pre-wrap}.capture-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;font-size:var(--step-small);color:var(--muted);font-variant-numeric:tabular-nums}.capture-state{color:var(--ink)}.state-retryable{color:var(--danger)}.text-action{min-height:44px;width:fit-content;margin-top:.7rem;padding:0;border:0;color:var(--danger);background:transparent;text-decoration:underline;text-underline-offset:.2em}.empty-state{max-width:32ch;margin:0 0 2rem auto;font-size:var(--step-lead);line-height:1.3}.composer{margin-inline:calc(var(--margin) * -1);padding:1rem var(--margin) 0;background:var(--field-dark);color:var(--field-dark-ink)}.composer label{display:block;margin-bottom:.65rem;font-size:var(--step-small)}.composer textarea{width:100%;resize:vertical;min-height:7rem;padding:1rem;border:0;border-radius:0;color:var(--field-dark-ink);background:#213a31;line-height:1.5}.composer textarea::placeholder{color:#b7c3bc}.composer-controls{display:flex;justify-content:space-between;gap:.75rem;padding-block:.8rem}.composer select{padding:0 .8rem;border:0;border-radius:0;color:var(--field-dark-ink);background:#213a31}.primary-action{min-height:52px;padding:.75rem 1.15rem;border:0;border-radius:0;color:var(--accent-ink);background:var(--accent);font-weight:700;transition:transform .16s cubic-bezier(.22,1,.36,1),background-color .18s ease}.primary-action:active{transform:scale(.97)}.error-message{max-width:58ch;margin:.6rem 0;color:var(--danger)}.composer .error-message{color:#ffb4aa}.pairing-shell{display:grid;grid-template-rows:auto 1fr auto}.pairing-copy{align-self:center;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding-block:4rem}.pairing-copy h1{grid-column:1 / 10;max-width:12ch;margin:0;font-size:var(--step-head);line-height:.96;letter-spacing:-.045em;text-wrap:balance}.pairing-copy>p,.pairing-copy>button,.pairing-copy>.fingerprints{grid-column:5 / 11}.pairing-copy>p{max-width:46ch;margin:1.5rem 0 0}.fingerprints{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.fingerprints div{padding:1rem;background:var(--surface)}.fingerprints dt{color:var(--muted);font-size:var(--step-small)}.fingerprints dd{margin:.4rem 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pairing-copy .primary-action{width:fit-content}.pairing-success{padding:1rem;background:var(--surface)}.privacy-note{padding-bottom:1rem;color:var(--muted);font-size:var(--step-small)}@media(hover:hover)and (pointer:fine){.primary-action:hover{background:#bff22c}.text-action:hover{text-decoration-thickness:.12em}}@media(prefers-reduced-motion:no-preference){.queue-number{animation:settle .52s cubic-bezier(.22,1,.36,1) both}.composer{animation:composer-in .62s cubic-bezier(.22,1,.36,1) both}@keyframes settle{0%{opacity:0;transform:translateY(18px)}}@keyframes composer-in{0%{opacity:0;transform:translateY(24px)}}}@media(max-width:700px){.app-shell{gap:1.5rem}.queue-summary,.capture-row{grid-template-columns:1fr}.queue-summary{gap:.6rem}.queue-number{font-size:clamp(5.5rem,34vw,9rem)}.capture-row{gap:.55rem;padding-block:1rem}.capture-meta{flex-direction:row;justify-content:space-between;width:100%}.composer-controls{align-items:stretch}.composer select{max-width:42%}.pairing-copy{display:block;padding-block:3rem}.pairing-copy h1{font-size:clamp(2.75rem,14vw,4.5rem)}.pairing-copy>p{margin-top:1.5rem}.fingerprints{grid-template-columns:1fr;margin-block:1.5rem}}