/* Warm reading-room tokens. The QR intentionally retains an opaque white quiet zone. */
:root{color-scheme:light;--paper:#f6f3ec;--panel:#fffcf6;--ink:#292c29;--muted:#686e64;--line:#d9ddd0;--accent:#405b48;--accent-text:#fff;--soft:#e8eddf;--error:#9c352c;--error-bg:#fff0eb;--shadow:0 24px 70px #393c2910;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;background:var(--paper);color:var(--ink)}
:root[data-appearance=dark]{color-scheme:dark;--paper:#1d211e;--panel:#272d27;--ink:#f0eee5;--muted:#b6bcb0;--line:#465043;--accent:#c1d0a8;--accent-text:#202b1f;--soft:#354032;--error:#ffc1b4;--error-bg:#3b2825;--shadow:none}
@media(prefers-color-scheme:dark){:root[data-appearance=system]{color-scheme:dark;--paper:#1d211e;--panel:#272d27;--ink:#f0eee5;--muted:#b6bcb0;--line:#465043;--accent:#c1d0a8;--accent-text:#202b1f;--soft:#354032;--error:#ffc1b4;--error-bg:#3b2825;--shadow:none}}
*{box-sizing:border-box}body{margin:0;line-height:1.55}button,input,select{font:inherit}button,a,select,input,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent);text-underline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:ui-serif,Georgia,"Songti SC",serif;font-weight:500;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.3rem,4vw,4rem);max-width:18ch;text-wrap:balance}h2{font-size:1.65rem}h3{font-size:1rem;font-weight:600}h1:focus{outline:none}p{overflow-wrap:anywhere}.body{color:var(--muted)}.small{font-size:.85rem;color:var(--muted);line-height:1.65}.lead{font-size:1.1rem;color:var(--muted);max-width:55ch}.eyebrow{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:650;color:var(--accent)}.page-heading{display:grid;gap:20px;margin-bottom:36px}.button{min-height:48px;border:1px solid var(--line);border-radius:10px;padding:10px 21px;background:transparent;font-weight:560;font-size:.93rem;transition:background .15s,transform .15s}.button:hover:not(:disabled){background:var(--soft)}.button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.button.primary:hover:not(:disabled){filter:brightness(1.08)}.button.text,.button.nav{border-color:transparent;padding-inline:12px}.button.text{text-decoration:underline;text-underline-offset:5px}.button.danger{background:var(--error);color:var(--panel);border-color:var(--error)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.text-link{display:inline-flex;align-items:center;min-height:48px;max-width:100%;overflow-wrap:anywhere}.site-header{max-width:1400px;margin:auto;display:flex;align-items:center;gap:40px;padding:25px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:baseline;text-decoration:none;font-family:ui-serif,Georgia,serif;font-size:2rem;letter-spacing:-.06em;color:var(--ink);min-height:48px}.brand-extension{font:500 .8rem ui-sans-serif,system-ui;letter-spacing:.02em;color:var(--muted)}.primary-nav{display:flex;gap:6px}.primary-nav [aria-current=page]{background:var(--soft);color:var(--accent)}.preferences{margin-left:auto;display:flex;gap:8px}.preferences select{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);padding:8px;font-size:.8rem;max-width:145px}.main{max-width:1200px;margin:auto;padding:62px 38px 80px;min-height:calc(100vh - 190px)}.footer{display:flex;align-items:center;gap:24px;max-width:1200px;margin:auto;padding:20px 38px 32px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.footer>span{margin-right:auto}.footer .button{font-size:.8rem}.connect-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:70px;align-items:start}.connect-story .page-heading{margin-top:20px}.steps{list-style:none;padding:0;margin:38px 0;display:grid;gap:24px}.steps li{display:flex;gap:18px;align-items:flex-start}.steps h3{margin-bottom:5px}.steps p{font-size:.91rem;max-width:44ch}.step-number{flex:0 0 32px;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:.82rem;color:var(--accent)}.quiet-note{border-left:2px solid var(--line);padding:2px 0 2px 20px;font-size:.87rem}.quiet-note p{margin-top:6px}.pair-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;min-width:0}.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:6px 12px;border-radius:30px;color:var(--muted);font-size:.78rem}.status-pill:before{content:"";width:6px;height:6px;background:var(--muted);border-radius:50%}.status-pill.live{color:var(--accent);background:var(--soft);border-color:transparent}.status-pill.live:before{background:var(--accent)}.qr{max-width:100%;height:auto;image-rendering:pixelated;border-radius:8px}.expiry{font-size:.82rem;color:var(--muted)}.pair-alternative{border-top:1px solid var(--line);width:100%;padding-top:15px;text-align:left;font-size:.86rem;margin-top:10px}.pair-alternative summary{min-height:44px;display:list-item;align-content:center}.pair-alternative p{padding:10px 0}.connection-symbol,.connected-symbol{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--accent);font:400 3rem ui-serif,Georgia,serif;margin:15px}.connected-symbol{font-size:2rem}.security-note{border-top:1px solid var(--line);padding-top:25px;margin-top:55px;display:grid;gap:10px;max-width:90ch}.account-details{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 15px;text-align:left;margin:0;font-size:.75rem;width:100%}.account-details dt{color:var(--muted)}.account-details dd{margin:0;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.drop-area{display:flex;flex-direction:column;align-items:center;gap:17px;text-align:center;border:1px dashed var(--accent);border-radius:18px;background:var(--panel);padding:36px;margin-bottom:17px}.drop-area.dragover{outline:3px solid var(--accent);outline-offset:3px;background:var(--soft)}.drop-symbol{font-family:Georgia,serif;color:var(--accent);font-size:2.5rem;line-height:1}.inline-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.file-picker{display:inline-flex}.file-list{margin:26px 0;padding:0;list-style:none;border-top:1px solid var(--line)}.file-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(150px,.7fr) auto;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.file-icon{width:40px;height:48px;border:1px solid var(--line);border-radius:3px 8px 8px 3px;display:grid;place-items:center;font-size:1.5rem;color:var(--accent);background:var(--panel)}.file-name{overflow-wrap:anywhere;margin-bottom:4px}.file-status{font-size:.85rem}.file-status .small{font-size:.77rem}.file-actions{display:flex;align-items:center;gap:8px}.file-actions input{width:22px;height:22px;margin:12px;accent-color:var(--accent)}.file-status progress{width:100%;height:7px}.positive{color:var(--accent)}.error-copy{color:var(--error)}progress{accent-color:var(--accent);border:0;border-radius:9px;overflow:hidden;background:var(--soft)}progress::-webkit-progress-bar{background:var(--soft)}progress::-webkit-progress-value{background:var(--accent)}.total-progress{width:100%;height:7px}.action-bar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:25px 0}.action-bar p{margin-right:auto}.source-search{width:100%;max-width:450px;min-height:50px;border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:var(--panel);color:var(--ink);margin-bottom:30px}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:26px}.source-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.source-monogram{width:40px;height:40px;display:grid;place-items:center;background:var(--soft);border-radius:8px;color:var(--accent);font:1.4rem Georgia,serif}.source-card h2{font-size:1.5rem}.source-card .body{font-size:.9rem;flex:1}.source-card .button{padding-left:0}.capability{font-size:.82rem;color:var(--accent)}.guide-steps{list-style:none;padding:0;max-width:780px;margin:34px 0;display:grid;gap:26px}.guide-steps li{display:flex;align-items:flex-start;gap:20px}.guide-steps p{padding-top:2px}.instruction-panel{display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px;max-width:780px}.notice{padding:18px 22px;border:1px solid var(--line);border-radius:10px;margin-bottom:28px;background:var(--soft);font-size:.91rem}.notice.error{color:var(--error);background:var(--error-bg);border-color:var(--error)}.empty{border:1px solid var(--line);border-radius:15px;padding:55px 25px;text-align:center;color:var(--muted);margin-bottom:24px}.help-paragraph{max-width:76ch;padding:24px 0;border-top:1px solid var(--line);color:var(--muted)}.confirmation{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px;max-width:500px;width:calc(100% - 32px);box-shadow:var(--shadow)}.confirmation::backdrop{background:#10171180}.confirmation h2,.confirmation p{margin-bottom:20px}.confirmation .button{margin-right:10px}.spinner{width:44px;height:44px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:30px}.code-digits{font:2.5rem ui-monospace,monospace;letter-spacing:.22em;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:9;background:var(--panel);padding:12px 20px}.skip-link:focus{top:15px}
@media(max-width:1000px){.site-header{gap:20px;padding-inline:28px}.connect-layout{gap:30px}.main{padding:42px 28px 60px}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preferences{gap:4px}.preferences select{max-width:110px}.primary-nav .button{padding-inline:8px;font-size:.85rem}}
@media(max-width:760px){.site-header{flex-wrap:wrap;padding:18px 20px;gap:12px}.brand{font-size:1.8rem}.preferences{order:1}.primary-nav{order:2;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.primary-nav .button{flex:1}.main{padding:34px 20px 45px}.connect-layout{grid-template-columns:1fr;gap:30px}.connect-story .page-heading{margin-top:0}.pair-panel{max-width:460px;width:100%;margin:auto}.source-grid{grid-template-columns:1fr}.file-row{grid-template-columns:32px minmax(0,1fr) auto;gap:12px}.file-icon{width:32px;height:42px}.file-info{grid-column:2}.file-status{grid-column:2;grid-row:2}.file-actions{grid-column:3;grid-row:1 / 3;flex-direction:column;gap:0}.file-actions .button{padding:10px 5px}.footer{padding:20px;flex-wrap:wrap;gap:12px}.footer>span{width:100%}.drop-area{padding:26px 18px}.drop-area h2{font-size:1.35rem}.security-note{margin-top:35px}.action-bar>.button,.action-bar>.file-picker{flex:1;text-align:center}.account-details{font-size:.7rem}.inline-actions{gap:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.button,.pair-panel,.source-card,.drop-area{border:1px solid ButtonText}.qr{forced-color-adjust:none}}