:root{--surface-ink:#101010;--surface-ink-soft:#1f1f1f;--surface-canvas:#fff;--surface-muted:#fafafa;--accent-50:#ecfdf5;--accent-100:#d1fae5;--accent-200:#a7f3d0;--accent-300:#6ee7b7;--accent-400:#34d399;--accent-500:#10b981;--accent-600:#059669;--accent-700:#047857;--accent-800:#065f46;--accent-900:#064e3b;--accent-fill:var(--accent-600);--accent-text-on-fill:#fff;--accent-text-on-white:var(--accent-700);--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--success:#65a30d;--warning:#f59e0b;--danger:#dc2626;--info:var(--accent-700);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #1010100d;--shadow-md:0 4px 12px #10101014;--shadow-lg:0 12px 32px #1010101f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-muted);color:var(--gray-900);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55}h1,h2,h3,.display{letter-spacing:-.02em;font-family:Outfit,Inter,sans-serif}code,.mono{font-family:IBM Plex Mono,ui-monospace,SF Mono,monospace;font-size:.92em}.chrome{background:var(--surface-canvas);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand{align-items:center;display:flex}.brand-logo{width:auto;height:30px;display:block}.chrome-right{align-items:center;gap:12px;display:flex}.env-pill{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200);border-radius:999px;padding:5px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500}.mock-nav{background:var(--gray-900);color:var(--gray-400);align-items:center;gap:12px;padding:8px 28px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.mock-label{color:var(--gray-500);margin-right:8px}.mock-nav a{color:var(--accent-400);background:#10b9811f;border-radius:6px;padding:4px 10px;text-decoration:none}.mock-nav a:hover{color:var(--accent-300);background:#10b98138}main{max-width:780px;margin:0 auto;padding:48px 24px 96px}.card{background:var(--surface-canvas);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:40px 44px}.card h1{color:var(--gray-900);margin:0 0 8px;font-size:28px;font-weight:700}.card p.sub{color:var(--gray-500);margin:0 0 32px;font-size:15px}.stepbar{gap:6px;margin:0 0 40px;padding-bottom:4px;display:flex;overflow-x:auto}.stepbar .step{border-top:3px solid var(--gray-200);min-width:90px;color:var(--gray-500);cursor:pointer;flex:1;padding-top:12px;font-size:12px;font-weight:500;transition:color .15s}.stepbar .step:hover{color:var(--gray-700)}.stepbar .step.current{border-top-color:var(--accent-600);color:var(--gray-900);font-weight:600}.stepbar .step.done{border-top-color:var(--accent-600);color:var(--gray-600)}.stepbar .step.done:before{content:"✓ ";color:var(--accent-600);font-weight:700}.stepbar .step-num{color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}.field{margin-bottom:22px}.field label{color:var(--gray-900);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field .hint{color:var(--gray-500);margin-top:6px;font-size:12px;line-height:1.5}.field .hint code{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200);border-radius:4px;padding:1px 6px;font-size:11px}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=time],input[type=url],select,textarea{background:var(--surface-canvas);width:100%;color:var(--gray-900);border:1px solid var(--gray-300);border-radius:var(--radius-sm);padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--gray-400)}input:focus,select:focus,textarea:focus{border-color:var(--accent-600);box-shadow:0 0 0 3px var(--accent-100);outline:none}textarea{resize:vertical;min-height:80px}select{cursor:pointer}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (width<=640px){.grid-2,.grid-3{grid-template-columns:1fr}}.check-row{background:var(--surface-canvas);border:1px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.check-row:hover{border-color:var(--gray-400);background:var(--gray-50)}.check-row input{accent-color:var(--accent-600);margin-top:3px}.check-row .cb-body{flex:1}.check-row .cb-title{color:var(--gray-900);font-size:14px;font-weight:600}.check-row .cb-desc{color:var(--gray-500);margin-top:3px;font-size:13px}.segmented{border:1px solid var(--gray-300);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.segmented button{background:var(--surface-canvas);color:var(--gray-600);cursor:pointer;border:0;border-right:1px solid var(--gray-300);padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--accent-600);color:#fff;font-weight:600}.segmented button:hover:not(.active){background:var(--gray-100);color:var(--gray-800)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:0;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s}.btn-primary{background:var(--accent-600);color:#fff;box-shadow:0 1px 2px #05966926}.btn-primary:hover{background:var(--accent-700);box-shadow:0 2px 4px #05966940}.btn-secondary{background:var(--surface-canvas);color:var(--gray-800);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-ghost{color:var(--gray-500);background:0 0}.btn-ghost:hover{color:var(--gray-800)}.btn-danger{background:var(--danger);color:#fff}.btn-row{border-top:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:28px;display:flex}.banner{border-radius:var(--radius-sm);border-left:3px solid;margin-bottom:24px;padding:14px 16px;font-size:13px;line-height:1.55}.banner-info{background:var(--accent-50);border-color:var(--accent-600);color:var(--accent-900)}.banner-warn{border-color:var(--warning);color:#78350f;background:#fffbeb}.banner-success{border-color:var(--success);color:#365314;background:#f7fee7}.data-card{background:var(--surface-canvas);border:1px solid var(--gray-200);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 18px;transition:border-color .15s;display:flex}.data-card:hover{border-color:var(--gray-300)}.data-card .dc-body{flex:1}.data-card .dc-name{color:var(--gray-900);font-size:14px;font-weight:600}.data-card .dc-sub{color:var(--gray-500);margin-top:3px;font-size:12px}.data-card .dc-tag{background:var(--accent-50);color:var(--accent-700);border:1px solid var(--accent-100);border-radius:999px;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:600}.data-card .dc-tag.you{color:var(--success);background:#f0fdf4;border-color:#bbf7d0}.dc-actions{gap:8px;display:flex}.dc-actions button{color:var(--gray-500);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px}.dc-actions button:hover{color:var(--gray-800);background:var(--gray-100)}.fieldset{border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--surface-canvas);margin-bottom:16px;padding:22px 24px}.fieldset h3{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin:0 0 18px;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.auth-wrap{max-width:480px;margin:64px auto 0}.auth-wrap .card{padding:48px 44px}.tab-row{background:var(--gray-100);border-radius:var(--radius-sm);gap:2px;margin-bottom:28px;padding:3px;display:flex}.tab-row button{color:var(--gray-500);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.tab-row button.active{background:var(--surface-canvas);color:var(--gray-900);font-weight:600;box-shadow:0 1px 3px #10101014}.qr-preview{border:2px dashed var(--gray-300);text-align:center;border-radius:var(--radius-sm);color:var(--gray-500);background:var(--gray-50);padding:40px;font-size:13px}.qr-preview svg{margin:0 auto 16px;display:block}.review-block{border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--surface-canvas);margin-bottom:12px;padding:18px 22px}.review-block h4{color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin:0 0 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;display:flex}.review-block h4 .edit-link{color:var(--accent-text-on-white);cursor:pointer;text-transform:none;letter-spacing:0;font-size:13px;font-weight:500}.review-block h4 .edit-link:hover{color:var(--accent-800);text-decoration:underline}.review-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.review-row:last-child{border-bottom:0}.review-row .rk{color:var(--gray-500);font-weight:500}.review-row .rv{color:var(--gray-900);text-align:right;font-weight:500}.geo-map{border-radius:var(--radius-sm);border:1px solid var(--gray-300);height:320px;margin-bottom:12px;overflow:hidden}.geo-controls{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);align-items:center;gap:16px;padding:12px 14px;display:flex}.geo-controls .radius-label{color:var(--gray-800);min-width:100px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.geo-controls input[type=range]{accent-color:var(--accent-600);flex:1}.geo-coords{color:var(--gray-500);margin-top:8px;font-family:IBM Plex Mono,monospace;font-size:11px}