:root{font-family:Manrope,system-ui,sans-serif;color:#edf7f5;background:#071014;font-synthesis:none;--muted:#8ca19e;--line:#1a3033;--green:#53e6b1;--cyan:#63d7e4}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -25%,#16333a 0,transparent 52%),#071014;min-height:100vh}.top{height:76px;border-bottom:1px solid #183035;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,88px)}.brand{font-weight:800;letter-spacing:-.04em;color:#edf7f5;text-decoration:none;font-size:18px;display:flex;align-items:center;gap:10px}.brand-icon{color:var(--green);font-size:24px}.local-badge,.eyebrow,footer,.protocol-note,.frame-pill{font:500 10px DM Mono,monospace;letter-spacing:.13em}.local-badge{color:#95aaa5}.local-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 12px #53e6b177}main{max-width:1080px;margin:auto;padding:0 26px}.hero{text-align:center;padding:108px 0 76px}.eyebrow{color:var(--green)}h1{font-size:clamp(42px,7vw,72px);line-height:1.05;letter-spacing:-.065em;margin:20px 0 16px;font-weight:700}h1 span{color:var(--green)}.hero>p,.sub{color:var(--muted);line-height:1.7;font-size:15px;max-width:500px;margin:0 auto}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:720px;margin:46px auto 26px;text-align:left}.role-card{position:relative;border:1px solid #294248;background:linear-gradient(145deg,#122328,#0d191d);color:#edf7f5;border-radius:14px;padding:26px;text-align:left;min-height:180px;cursor:pointer;transition:border-color .2s,transform .2s}.role-card:hover{border-color:var(--green);transform:translateY(-2px)}.role-icon{display:grid;place-items:center;width:42px;height:42px;background:#183b37;color:var(--green);border-radius:11px;font-size:24px;margin-bottom:20px}.role-card strong,.role-card small{display:block}.role-card strong{font-size:17px}.role-card small{color:var(--muted);margin-top:8px;line-height:1.5;max-width:250px}.arrow{position:absolute;right:24px;top:25px;color:var(--green);font-size:20px}.local-note{display:flex;gap:12px;align-items:center;justify-content:center;text-align:left;color:var(--muted);font-size:11px;line-height:1.6}.local-note>span:first-child{color:var(--green);font-size:18px}.local-note b{color:#dbe9e6;font-weight:600}.protocol-note{display:flex;justify-content:space-between;border-top:1px solid #183035;padding:21px 4px;color:#6b8584;font-size:9px}.workspace{max-width:700px;margin:auto;padding:44px 0 70px}.workspace h1{font-size:42px;margin:14px 0}.workspace .sub{margin:0 0 26px}.back{background:none;border:0;color:#95aaa5;padding:0;margin-bottom:34px;cursor:pointer;font:inherit}.drop{min-height:188px;border:1px dashed #3b6260;border-radius:14px;background:#0c1a1e;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.drop.hover,.drop:hover{border-color:var(--green);background:#102326}.drop input{display:none}.drop b{margin-top:10px}.drop small,.file-row small{color:var(--muted);margin-top:6px}.upload-icon{font-size:23px;color:var(--green)}.file-row{display:flex;align-items:center;gap:14px;padding:20px 2px}.file-row>div{flex:1;min-width:0}.file-row b,.file-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-symbol{color:var(--cyan);font-size:22px}.icon-button{background:none;border:0;color:var(--muted);font-size:22px;cursor:pointer}.progress{height:5px;background:#203236;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--cyan));transition:width .15s;border-radius:9px}.muted,.tip{font-size:12px;color:var(--muted);line-height:1.6}.qr-stage{position:relative;background:#f7f8f5;padding:16px;border-radius:16px;width:min(100%,392px);margin:22px auto 18px}.qr-shell canvas{display:block;width:100%;height:auto}.frame-pill{position:absolute;right:-9px;top:-9px;background:#122428;color:var(--green);padding:9px 11px;border-radius:7px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:#bed0ce;margin:14px 0 9px}.controls{display:flex;gap:10px;margin:18px 0}.controls button,.primary{border:1px solid #2a4848;color:#e9f5f2;background:#132326;padding:12px 17px;border-radius:8px;font:600 13px Manrope;cursor:pointer;text-decoration:none;text-align:center}.controls button:disabled{opacity:.4;cursor:not-allowed}.controls .primary,.primary{background:var(--green);border-color:var(--green);color:#061510}.controls .danger{margin-left:auto;color:#e89e9a}.settings{display:flex;gap:22px;color:var(--muted);font-size:12px}.settings label{display:flex;align-items:center;gap:10px}.settings select{background:#0e1c20;border:1px solid #284043;color:#e6f0ee;border-radius:6px;padding:8px;font:inherit}.tip{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.camera-shell{position:relative;background:#020708;border:1px solid #254345;border-radius:14px;overflow:hidden;aspect-ratio:4/3;max-height:440px}.camera-shell video{width:100%;height:100%;object-fit:cover}.camera-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#78908e;font-size:13px}.scan-reticle{position:absolute;top:17%;right:17%;bottom:17%;left:17%;border:1px solid #53e6b188;box-shadow:0 0 0 999px #0002;border-radius:12px;pointer-events:none}.scan-reticle i{position:absolute;left:0;right:0;height:1px;background:#53e6b1;top:50%;box-shadow:0 0 8px var(--green)}.receive-state{background:#0d1a1e;border:1px solid #203a3d;border-radius:12px;padding:18px;margin-top:22px}.receive-row{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted);font-size:12px}.receive-row b{color:#dbe9e6}.receive-state .progress{margin:12px 0}.complete{display:flex;gap:12px;align-items:center;border:1px solid #2d6857;background:#0d2823;padding:14px;border-radius:9px;margin-top:15px}.complete>span{color:var(--green);font-size:22px}.complete b,.complete small{display:block}.complete small{color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.download{display:block;margin-top:13px}.manual{color:#94aaa5;font-size:12px;margin-top:20px}.manual p{line-height:1.6}.error{color:#ff9d93;font-size:13px}footer{text-align:center;color:#506867;font-size:9px;padding:15px;border-top:1px solid #13282c;letter-spacing:.2em}button:focus-visible,a:focus-visible,select:focus-visible,.drop:focus-within{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:600px){.top{height:64px;padding:0 18px}.hero{padding:76px 0 50px}.role-grid{grid-template-columns:1fr;margin-top:32px}.role-card{min-height:155px;padding:21px}.protocol-note{font-size:8px;gap:12px}.workspace{padding-top:28px}.workspace h1{font-size:36px}.controls{flex-wrap:wrap}.controls>*{flex:1}.controls .danger{margin-left:0;flex-basis:100%}.settings{flex-direction:column;gap:12px}.qr-stage{width:min(92vw,392px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.benchmark-link{background:none;border:0;color:var(--cyan);font:500 12px Manrope;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin:0 auto 16px}.benchmark-link:disabled{opacity:.6}#bench-result{max-width:560px;margin:0 auto 18px}