:root{--bg: #f3efe8;--surface: #fffdf9;--surface-muted: #f7f1e8;--text: #18212b;--text-muted: #5a6776;--border: #d7cdc0;--border-strong: #c4b8a7;--accent: #176b64;--accent-strong: #115650;--danger: #a33a4f;--danger-strong: #872d40;--ok: #1c6b56;--font-sans: "Avenir Next", "Helvetica Neue", sans-serif;--font-mono: "Iosevka", "IBM Plex Mono", "Cascadia Code", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5}#app-shell{display:contents}button,input,textarea,code,pre,progress{font:inherit}code,pre,input,textarea,progress{font-family:var(--font-mono)}button,input,textarea,summary,a{transition:color .14s ease,background-color .14s ease,border-color .14s ease,opacity .14s ease}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{display:inline-flex;align-items:center;justify-content:center;justify-self:start;width:fit-content;max-width:100%;min-height:2.75rem;padding:.65rem .95rem;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#f7fbfa;cursor:pointer;font-size:.95rem}button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}button.secondary:hover:not(:disabled){background:var(--surface-muted);border-color:var(--border-strong)}button.destructive{background:var(--danger);border-color:var(--danger);color:#fff7f8}button.destructive:hover:not(:disabled){background:var(--danger-strong);border-color:var(--danger-strong)}input,textarea{width:100%;padding:.72rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:1rem}textarea{resize:vertical;min-height:8rem}.compact-license-input{min-height:5rem}input:focus,textarea:focus,button:focus-visible,summary:focus-visible,.upload-button:focus-within{outline:2px solid rgba(23,107,100,.22);outline-offset:2px}input[type=file]{padding:.55rem}input[type=file]::file-selector-button{margin-right:.75rem;padding:.5rem .75rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-muted);color:var(--text);cursor:pointer}progress{width:100%;height:.6rem;overflow:hidden;border:0;border-radius:999px;background:#e7e0d5;accent-color:var(--accent)}main.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem;display:grid;gap:1rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.page-title{max-width:42rem}h1,h2,h3,h4,p,dl,dt,dd{margin:0}h1{font-size:clamp(2rem,3vw,2.75rem);line-height:1.1;letter-spacing:-.03em}h2{font-size:1.25rem;line-height:1.2}h3{font-size:1rem;line-height:1.25}.page-title p,.section-heading p,.card-heading p,.helper-text,.item-row p,.details-list dt,.log-entry time,.empty-state,.notice{color:var(--text-muted)}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:min(100%,24rem)}.status-strip div{padding-left:.85rem;border-left:2px solid var(--border)}.status-strip dt{font-size:.92rem;color:var(--text-muted)}.status-strip dd{margin-top:.15rem;font-weight:600}.status-good{color:var(--ok)}.notice{padding:.85rem 1rem;border:1px solid #d5aab4;border-radius:10px;background:#fbf0f3}.notice-error{color:#7b2d40}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);gap:1rem;align-items:start}.workspace-grid,.sidebar-stack,.share-grid,.setup-grid,.surface,.setup-card,.section-heading>*,.item-row>*,.log-entry>*{min-width:0}.sidebar-stack{display:grid;gap:1rem}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.surface{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.section-heading.compact{margin-bottom:.85rem}.setup-grid{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(320px,1.05fr);gap:1rem;margin-top:.5rem}.setup-card{display:grid;align-content:start;align-items:start;grid-auto-rows:max-content;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted)}.card-heading{display:grid;gap:.25rem}.field{display:grid;gap:.45rem}.field span,.code-block span{font-size:.94rem;color:var(--text-muted)}.field-error span{color:#7b2d40}.field-error input{border-color:#b94a63;background:#b94a6314}.field-error input:focus{outline-color:#b94a633d}.static-field{display:flex;align-items:center;min-height:3rem;padding:.72rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted);font-size:.96rem}.pair-code-preview{font-family:var(--font-mono)}.pair-code-preview.is-active{color:var(--text);letter-spacing:.08em}.helper-text{font-size:.9rem}.code-block,.stack-block{display:grid;gap:.75rem}.field+.stack-block{margin-top:.5rem}.pair-code-input{text-align:center;letter-spacing:.08em}.inline-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.inline-actions code,.safety-code-block code{display:inline-flex;align-items:center;max-width:100%;min-height:2.75rem;padding:.65rem .8rem;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);overflow-wrap:anywhere}.disclosure{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.disclosure summary{cursor:pointer;list-style:none;padding:.8rem .9rem;font-weight:600}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:after{content:"+";float:right;color:var(--text-muted)}.disclosure[open] summary:after{content:"-"}.disclosure-body{display:grid;gap:.75rem;padding:0 .9rem .9rem}.qr-panel img{width:132px;height:132px;border:1px solid var(--border);border-radius:8px;background:#fff}.scanner-panel{align-items:start}.scanner-frame{width:min(100%,220px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#efe8de}.scanner-frame video{width:100%;height:100%;object-fit:cover}.upload-button{width:fit-content;display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.55rem .85rem;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-muted);color:var(--text);cursor:pointer}.upload-button input{display:none}.details-list{display:grid;gap:.85rem}.details-list div{display:grid;gap:.2rem;padding-top:.85rem;border-top:1px solid var(--border)}.details-list div:first-child{padding-top:0;border-top:0}.details-list dd{font-weight:600}.safety-code-block{margin-bottom:1rem}.safety-code-block code,.details-list dd{overflow-wrap:anywhere}.item-list,.link-list,.log-list{display:grid;gap:.75rem}.item-row,.log-entry{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .95rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.transfer-row{align-items:center}.transfer-metrics{width:min(100%,320px);display:grid;gap:.35rem}.toggle-row{display:flex;align-items:center;gap:.65rem;margin-top:.85rem}.toggle-row input{width:auto;accent-color:var(--accent)}pre{margin:0;padding:.85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);white-space:pre-wrap;word-break:break-word}.empty-state{padding:.4rem 0}.log-list{max-height:320px;overflow:auto}.log-entry{align-items:flex-start}.log-entry time{min-width:5.5rem;font-size:.85rem}.log-info{border-left:3px solid var(--accent)}.log-warn{border-left:3px solid #b66a16}.log-error{border-left:3px solid var(--danger)}.legal-shell{max-width:920px}.legal-nav{display:flex;justify-content:flex-start}.legal-card,.legal-copy{display:grid;gap:1.5rem}.legal-copy section{display:grid;gap:.65rem}.legal-copy ul{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}.legal-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.legal-footer p{max-width:34rem}@media (max-width: 980px){.page-header,.workspace-grid,.share-grid,.setup-grid{grid-template-columns:1fr}.page-header{display:grid}.status-strip{min-width:0}}@media (max-width: 640px){main.app-shell{padding:1rem .9rem 2rem}.surface,.setup-card{padding:1rem}.status-strip{grid-template-columns:1fr;gap:.75rem}.status-strip div{padding-left:.7rem}.section-heading,.item-row,.log-entry,.legal-footer{flex-direction:column}.transfer-metrics{width:100%}}main.app-shell{max-width:1120px;padding:2.5rem 1.5rem 3rem;gap:1.5rem}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;padding-bottom:1.5rem}.page-title{display:grid;gap:.45rem}.status-strip{gap:.75rem;min-width:min(100%,23rem)}.status-strip div{padding:.95rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.status-strip dd{margin-top:.25rem}.surface,.setup-card,.item-row,.log-entry,.disclosure,.notice,.static-field,input,textarea,button{border-radius:12px}.surface{padding:1.5rem}.workspace-grid.minimal-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:1.5rem}.stage-panel{display:grid;gap:1.25rem;align-content:start}.memberships-disclosure{border-style:dashed;background:linear-gradient(135deg,#176b6414,#176b6405),var(--surface)}.memberships-disclosure summary{padding:1rem 1.05rem}.disclosure-summary-copy{display:grid;gap:.2rem;padding-right:1.5rem}.disclosure-summary-copy strong{color:var(--text)}.disclosure-summary-copy p{font-size:.92rem;font-weight:400;color:var(--text-muted)}.disclosure-summary-copy .disclosure-summary-meta{font-family:var(--font-mono);font-size:.82rem;color:var(--text)}.managed-plan-list{gap:.75rem}.managed-plan-row{align-items:center;background:#fffdf9eb}.free-tier-row{border-style:dashed;background:#176b640d}.managed-plan-copy{display:grid;gap:.2rem}.managed-plan-actions{justify-content:flex-end}.stage-heading{margin-bottom:0}.disclosure-muted{background:var(--surface-muted)}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.3rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}.mode-button{width:100%;justify-self:stretch;background:transparent;border-color:transparent;color:var(--text-muted)}.mode-button:hover:not(:disabled){background:var(--surface);border-color:var(--border);color:var(--text)}.mode-button.is-active{background:#176b6424;border-color:var(--accent);color:var(--accent-strong);font-weight:600}.mode-button.is-active:hover:not(:disabled){background:#176b642e;border-color:var(--accent);color:var(--accent-strong)}.action-card{gap:1rem;padding:1.25rem}.inline-section{display:grid;gap:.75rem;padding-top:.25rem;border-top:1px solid var(--border)}.compact-list{gap:.6rem}.compact-list .item-row{padding:.8rem .9rem}.divider-block{padding-top:1rem;border-top:1px solid var(--border)}.surface-disclosure{padding:0;overflow:hidden}.surface-disclosure[open] .panel-summary{border-bottom:1px solid var(--border)}.panel-summary{display:block;padding:1.1rem 1.25rem}.panel-summary div{display:grid;gap:.25rem}.panel-body{display:grid;gap:1rem;padding:1.25rem}.link-list a{display:block;padding:.75rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.log-list{max-height:260px}.legal-footer{align-items:center;padding:.75rem 1rem;gap:.75rem}.legal-footer p{font-size:.74rem;line-height:1.4}@media (max-width: 980px){.workspace-grid.minimal-layout,.page-header{grid-template-columns:1fr}}@media (max-width: 640px){main.app-shell{padding:1rem .9rem 2rem}.surface,.panel-body,.panel-summary,.setup-card{padding:1rem}.status-strip,.mode-switch{grid-template-columns:1fr}.managed-plan-actions{justify-content:flex-start}}