@import"https://fonts.googleapis.com/css2?family=Alata&family=DM+Mono:wght@300;400&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap";:root{--bg: #ffffff;--surface: #f7f9fa;--surface2: #eef3f5;--border: rgba(23,174,212,.14);--border-hard: rgba(23,174,212,.28);--cyan: #17aed4;--cyan-dim: rgba(23,174,212,.1);--cyan-glow: rgba(23,174,212,.18);--orange: #fe990f;--orange-dim: rgba(254,153,15,.1);--ink: #0d1117;--ink-mid: #445566;--ink-soft: #7a8899;--ink-xsoft: #aab4c0;--sans: "DM Sans", sans-serif;--display: "Alata", sans-serif;--mono: "DM Mono", monospace;--r: 3px;--shadow: 0 2px 24px rgba(0,0,0,.06), 0 0 0 1px var(--border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;background:var(--bg);font-family:var(--sans);font-weight:300;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--cyan);text-decoration:none}button{cursor:pointer;font-family:var(--sans);border:none;background:none}input,textarea,select{font-family:var(--sans);font-size:14px}textarea{resize:vertical}img,canvas{display:block}.modal-wrap{min-height:100vh;display:flex;justify-content:center;background:var(--surface)}.modal{background:var(--bg);width:100%;max-width:620px;min-height:100vh;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--border),0 4px 60px #0000000d;position:relative}.modal-header{display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px;position:relative;z-index:10;background:var(--bg)}.modal-logo{display:flex;align-items:center;gap:9px;flex-shrink:0}.modal-logo svg{width:26px;height:26px}.logo-name{font-family:var(--display);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}.header-identifier{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.header-id-canvas{border-radius:3px;border:1px solid var(--border);image-rendering:pixelated}.header-id-name{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--cyan);display:none}.header-id-name.visible{display:block}.progress-bar{display:flex;align-items:center;gap:6px;padding:8px 20px 6px;border-bottom:1px solid var(--border);flex-shrink:0}.pdot{width:6px;height:6px;border-radius:50%;background:var(--border-hard);transition:all .3s;flex-shrink:0}.pdot.done{background:#17aed459}.pdot.on{background:var(--cyan);transform:scale(1.3);box-shadow:0 0 0 3px var(--cyan-dim)}.step-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-xsoft);margin-left:auto}.screens{flex:1;position:relative;overflow:hidden;min-height:calc(100vh - 100px)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;transform:translate(100%);transition:transform .44s cubic-bezier(.4,0,.2,1);overscroll-behavior:contain}.screen::-webkit-scrollbar{width:3px}.screen::-webkit-scrollbar-thumb{background:var(--border-hard);border-radius:2px}.screen.active{transform:translate(0)}.screen.prev{transform:translate(-100%)}.screen-body{flex:1;padding:24px 28px 16px;display:flex;flex-direction:column;gap:16px}.screen-footer{padding:14px 28px 18px;border-top:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}.screen-title{font-family:var(--display);font-size:22px;color:var(--ink);line-height:1.2;margin-top:2px}.screen-hint{font-size:13px;font-weight:300;color:var(--ink-soft);line-height:1.65;margin-top:-4px}.btn{font-family:var(--display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 20px;border-radius:var(--r);transition:all .18s;border:1px solid transparent}.btn-primary{background:var(--cyan);color:#fff;box-shadow:0 2px 12px #17aed440}.btn-primary:hover{background:#12a0c6;box-shadow:0 4px 20px #17aed466;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-primary:disabled{background:#17aed440;box-shadow:none;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:var(--border-hard)}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.btn-text{background:transparent;color:var(--ink-soft);font-family:var(--sans);font-size:12px;font-weight:300;letter-spacing:0;text-transform:none;padding:8px 4px}.btn-text:hover{color:var(--cyan)}.btn-back{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-soft);padding:8px 0;background:none;border:none;display:flex;align-items:center;gap:6px}.btn-back:hover{color:var(--cyan)}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);font-weight:400;display:flex;align-items:center;gap:8px}.opt-badge{font-size:9px;letter-spacing:.04em;text-transform:none;color:var(--ink-xsoft);font-weight:300}.field-note{font-size:11px;color:var(--ink-xsoft);line-height:1.5}.inp{width:100%;background:var(--surface);border:1px solid var(--border-hard);border-radius:var(--r);padding:11px 14px;font-size:14px;font-weight:300;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}.inp:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}.inp::placeholder{color:var(--ink-xsoft)}.inp-error{border-color:#ef4444!important}.field-error{font-size:11px;color:#ef4444;font-family:var(--mono)}.textarea-wrap{position:relative}.inp-ta{width:100%;min-height:140px;background:var(--surface);border:1px solid var(--border-hard);border-radius:var(--r);padding:12px 14px;font-size:14px;font-weight:300;color:var(--ink);line-height:1.7;outline:none;transition:border-color .18s,box-shadow .18s}.inp-ta:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}.inp-ta::placeholder{color:var(--ink-xsoft)}.word-counter{position:absolute;bottom:10px;right:12px;font-family:var(--mono);font-size:10px;color:var(--ink-xsoft);display:none;pointer-events:none}.word-counter.warn{color:var(--orange)}.check-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.chk-box{width:18px;height:18px;flex-shrink:0;margin-top:1px;border:1.5px solid var(--border-hard);border-radius:3px;background:var(--surface);display:flex;align-items:center;justify-content:center;transition:all .15s}.check-row input{display:none}.check-row input:checked+.chk-box{background:var(--cyan);border-color:var(--cyan)}.check-row input:checked+.chk-box:after{content:"✓";font-size:11px;color:#fff;font-weight:500}.check-row-text{font-size:12px;font-weight:300;color:var(--ink-mid);line-height:1.6}.check-row-text a{color:var(--cyan)}.inp-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a8899' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--border-hard);border-radius:var(--r);padding:11px 36px 11px 14px;font-size:14px;font-weight:300;color:var(--ink);outline:none;transition:border-color .18s}.inp-select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}.scale-row{display:flex;gap:6px}.scale-btn{flex:1;padding:9px 4px;text-align:center;background:var(--surface);border:1px solid var(--border-hard);border-radius:var(--r);font-size:13px;color:var(--ink-mid);transition:all .15s}.scale-btn:first-child{border-radius:var(--r) 0 0 var(--r)}.scale-btn:last-child{border-radius:0 var(--r) var(--r) 0}.scale-btn:hover{border-color:var(--cyan);color:var(--cyan)}.scale-btn.selected{background:var(--cyan);border-color:var(--cyan);color:#fff}.scale-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-xsoft);margin-top:4px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 12px;font-size:12px;font-weight:300;background:var(--surface);border:1px solid var(--border-hard);border-radius:20px;color:var(--ink-mid);transition:all .15s;cursor:pointer}.chip:hover{border-color:var(--cyan);color:var(--cyan)}.chip.selected{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan)}.stars-row{display:flex;gap:4px}.star{font-size:24px;color:var(--border-hard);cursor:pointer;transition:color .15s;-webkit-user-select:none;user-select:none}.star.lit,.star:hover{color:var(--orange)}.type-picker{display:flex;gap:10px}.type-card{flex:1;padding:16px 10px;background:var(--surface);border:1.5px solid var(--border-hard);border-radius:6px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.type-card:hover{border-color:var(--cyan);background:var(--cyan-dim)}.type-card.selected{border-color:var(--cyan);background:var(--cyan-dim);box-shadow:0 0 0 2px var(--cyan-dim)}.type-card-icon{font-size:28px}.type-card-label{font-family:var(--display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid)}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.feature-tile{padding:8px 6px;text-align:center;background:var(--surface);border:1.5px solid var(--border-hard);border-radius:var(--r);cursor:pointer;transition:all .15s;font-size:11px;color:var(--ink-mid);font-weight:300;line-height:1.3}.feature-tile:hover{border-color:var(--cyan)}.feature-tile.selected{border-color:var(--cyan);background:var(--cyan-dim);color:var(--cyan)}.colour-grid{display:flex;flex-wrap:wrap;gap:6px}.colour-swatch{width:28px;height:28px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.colour-swatch:hover{transform:scale(1.15)}.colour-swatch.selected{border-color:var(--ink);transform:scale(1.15);box-shadow:0 0 0 2px #fff inset}.id-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.id-preview-canvas{image-rendering:pixelated;border-radius:4px}.id-preview-name{font-family:var(--mono);font-size:14px;letter-spacing:.12em;color:var(--cyan);text-align:center}.name-row{display:flex;gap:8px;align-items:center}.name-row .inp{flex:1;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}.name-status{font-family:var(--mono);font-size:10px}.name-status.ok{color:var(--cyan)}.name-status.taken{color:#ef4444}.name-status.checking{color:var(--ink-soft)}.bridge-screen{background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;padding:28px 28px 20px;min-height:100%}.bridge-label{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);align-self:flex-start}.bridge-title{font-family:var(--display);font-size:18px;color:var(--ink);text-align:center;line-height:1.3}.bridge-preview{position:relative}.bridge-preview canvas{image-rendering:pixelated;border-radius:6px}.bridge-feature-group{width:100%}.bridge-feature-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:8px;font-weight:400}.bridge-skip{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-xsoft);background:none;border:none;cursor:pointer;padding:4px 0;transition:color .15s}.bridge-skip:hover{color:var(--ink-soft)}.bridge-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto}.globe-wrap{position:relative;width:100%;height:240px;flex-shrink:0}.globe-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.globe-counter{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-hard);border-radius:20px;padding:5px 16px;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--ink-mid);opacity:0;transition:opacity .8s;white-space:nowrap}.globe-counter.show{opacity:1}.counter-pip{width:5px;height:5px;border-radius:50%;background:var(--orange);animation:pip-pulse 2s ease-in-out infinite}@keyframes pip-pulse{0%,to{opacity:1}50%{opacity:.2}}.counter-sep{width:1px;height:12px;background:var(--border-hard)}.consensus-block{display:flex;flex-direction:column;gap:10px}.consensus-title{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-xsoft)}.consensus-item{display:flex;gap:10px;align-items:flex-start}.consensus-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0;margin-top:5px}.consensus-text{font-size:13px;font-weight:300;color:var(--ink-mid);line-height:1.6}.consensus-pct{font-family:var(--mono);font-size:10px;color:var(--cyan);margin-top:2px}.echo-block{display:none;align-items:flex-start;gap:12px;background:var(--cyan-dim);border-left:2px solid var(--cyan);border-radius:0 var(--r) var(--r) 0;padding:12px 14px}.echo-block.show{display:flex}.echo-icon{font-size:16px;color:var(--cyan);flex-shrink:0;margin-top:1px}.echo-text{font-size:13px;font-weight:300;color:var(--ink-mid);line-height:1.65}.region-bar-row{display:flex;align-items:center;gap:8px}.region-name{font-size:12px;color:var(--ink-mid);width:100px;flex-shrink:0}.region-track{flex:1;height:4px;background:var(--surface2);border-radius:2px}.region-fill{height:100%;background:var(--cyan);border-radius:2px;width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.region-count{font-family:var(--mono);font-size:10px;color:var(--ink-xsoft);width:30px;text-align:right}.quote-block{border-left:2px solid var(--cyan);padding:10px 14px;display:none}.quote-block.show{display:block}.quote-text{font-size:14px;font-style:italic;color:var(--ink-mid);line-height:1.7;margin-bottom:6px}.quote-source{font-family:var(--mono);font-size:10px;color:var(--ink-xsoft)}.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.viz-card{background:var(--surface);border:1px solid var(--border-hard);border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .18s,box-shadow .18s}.viz-card:hover{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-dim)}.viz-thumb{width:100%;height:88px;position:relative;background:#fff}.viz-thumb canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.viz-card-body{padding:10px 12px 12px}.viz-card-title{font-family:var(--display);font-size:12px;color:var(--ink);margin-bottom:3px}.viz-card-desc{font-size:11px;font-weight:300;color:var(--ink-soft);line-height:1.45;margin-bottom:8px}.viz-card-btn{font-family:var(--display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);background:var(--cyan-dim);border:1px solid rgba(23,174,212,.2);border-radius:var(--r);padding:5px 12px;transition:all .15s}.viz-card-btn:hover{background:var(--cyan);color:#fff}.fullview-header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.fullview-label{font-family:var(--display);font-size:14px;color:var(--ink)}.fullview-content{flex:1;overflow-y:auto;min-height:0}.fullview-footer{padding:12px 20px;border-top:1px solid var(--border);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.fullview-desc{font-size:12px;color:var(--ink-soft);font-weight:300;max-width:340px}.r-num{font-family:var(--mono);font-size:10px;color:var(--cyan);background:var(--cyan-dim);padding:1px 5px;border-radius:2px;white-space:nowrap}.thinking{display:flex;align-items:center;gap:8px;padding:12px 0}.thinking-dots{display:flex;gap:4px}.thinking-dots span{width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:think 1.2s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes think{0%,80%,to{opacity:.2}40%{opacity:1}}.thinking-label{font-family:var(--mono);font-size:11px;color:var(--ink-soft)}.crew-canvas-wrap{position:relative;flex-shrink:0}.crew-tooltip{display:none;position:absolute;pointer-events:none;background:#fff;border:1px solid var(--border-hard);border-radius:var(--r);padding:8px 12px;font-size:11px;font-weight:300;color:var(--ink-mid);max-width:180px;box-shadow:0 4px 16px #00000014;line-height:1.5}.crew-cards{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px}.crew-cards::-webkit-scrollbar{height:3px}.crew-cards::-webkit-scrollbar-thumb{background:var(--border-hard);border-radius:2px}.crew-card{flex-shrink:0;width:120px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.crew-card-region{font-size:11px;font-weight:400;color:var(--ink-mid);margin-bottom:5px}.crew-card-chips{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:5px}.crew-chip{font-size:9px;padding:2px 6px;border-radius:10px;background:var(--cyan-dim);color:var(--cyan)}.crew-card-match{font-family:var(--mono);font-size:10px;color:var(--cyan)}.crew-card-words{font-size:10px;color:var(--ink-xsoft);margin-top:3px;font-style:italic;line-height:1.4}.info-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e1480;display:none;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info-modal-wrap.open{display:flex}.info-modal{background:var(--bg);width:500px;max-width:95vw;max-height:80vh;border-radius:8px;box-shadow:0 24px 80px #0003;border:1px solid var(--border-hard);display:flex;flex-direction:column;overflow:hidden}.info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.info-modal-title{font-family:var(--display);font-size:16px;color:var(--ink)}.info-modal-close{font-size:22px;color:var(--ink-soft);background:none;border:none;cursor:pointer;line-height:1}.info-modal-body{flex:1;overflow-y:auto;padding:20px;font-size:14px;font-weight:300;color:var(--ink-mid);line-height:1.75}.info-modal-body h3{font-family:var(--display);font-size:14px;color:var(--ink);margin:16px 0 6px}.info-modal-body p{margin-bottom:12px}.info-modal-body ul{padding-left:18px;margin-bottom:12px}.info-modal-body li{margin-bottom:6px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(60px);background:var(--ink);color:#fff;font-size:13px;font-weight:300;padding:10px 20px;border-radius:var(--r);z-index:500;transition:transform .3s;max-width:320px;text-align:center;font-family:var(--sans);box-shadow:0 4px 20px #0003}.toast.show{transform:translate(-50%) translateY(0)}@media (max-width: 620px){.modal{width:100%;max-width:100%}.picker-grid{grid-template-columns:1fr 1fr}.type-picker{flex-direction:column}.feature-row{grid-template-columns:repeat(2,1fr)}.logo-name{display:none}}@media (max-width: 380px){.picker-grid{grid-template-columns:1fr}}.logo-img{height:36px;width:auto;display:block;object-fit:contain}body{background:var(--surface)}