:root{--primary:#e63946;--primary-dark:#c1121f;--secondary:#8d99ae;--bg:#4a4a4a;--surface:#141414;--elevated:#1c1c1c;--border:#2d2d2d;--text:#fafafa;--text-muted:#a3a3a3;--success:#4caf50;--warning:#ffc107;--radius:6px;--radius-sm:4px;--shadow:0 2px 8px #0006;--glow:0 0 0 3px #e6394626;--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Consolas", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface);color:var(--text);font-family:var(--sans);margin:0;font-size:14px;line-height:1.5}button{font:inherit;cursor:pointer}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex}.brand,.brand-mark{color:var(--text);letter-spacing:.4px;background:0 0;border:0;padding:0;font-size:15px;font-weight:700}.brand-mark{color:var(--primary)}.brand-sub{color:var(--text-muted);font-weight:500}.topbar-right{align-items:center;gap:14px;display:flex}.who{color:var(--text-muted);font-size:13px}.link{color:var(--secondary);background:0 0;border:0;padding:4px 2px}.link:hover{color:var(--text)}main{flex:1;min-height:0;overflow:auto}.boot{place-items:center;height:60vh;display:grid}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty,.page-error{text-align:center;max-width:540px;color:var(--text-muted);margin:12vh auto}.empty h2{color:var(--text)}.error{color:var(--primary)}.quiet{color:var(--text-muted)}.small{font-size:13px}.signin{place-items:center;height:100%;padding:24px;display:grid}.signin-card{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-lg,8px);width:min(380px,100%);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:28px;display:flex}.signin-card h1{margin:0;font-size:20px}.signin-lede{color:var(--text-muted);margin:0;font-size:13px}.signin-card label{color:var(--text-muted);flex-direction:column;gap:5px;font-size:13px;display:flex}input[type=email],input[type=password],input[type=search]{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;padding:9px 11px}input:focus-visible{border-color:var(--primary);box-shadow:var(--glow);outline:none}.primary{background:var(--primary);border-radius:var(--radius-sm);color:#fff;border:0;padding:10px 16px;font-weight:600}.primary:hover:not(:disabled){background:var(--primary-dark)}.primary:disabled{opacity:.6;cursor:default}.signin-note{color:var(--text-muted);margin:0;font-size:12px}.list-page{max-width:1200px;margin:0 auto;padding:22px 20px 48px}.list-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.list-head h2{margin:0;font-size:17px}.search{width:min(320px,50vw)}.survey-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.survey-card{text-align:left;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);gap:12px;padding:12px;display:flex}.survey-card:hover{border-color:var(--secondary)}.thumb{border-radius:var(--radius-sm);background:var(--bg);flex:none;place-items:center;width:86px;height:86px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{color:var(--secondary);font-size:26px}.survey-body{flex-direction:column;gap:3px;min-width:0;display:flex}.survey-name{font-weight:600}.survey-meta,.survey-counts{color:var(--text-muted);font-size:12.5px}.survey-foot{align-items:center;gap:6px;margin-top:4px;display:flex}.chip{border:1px solid var(--primary);color:var(--primary);border-radius:999px;padding:1px 8px;font-size:11px}.chip-quiet{border-color:var(--border);color:var(--text-muted)}.survey-date{color:var(--text-muted);font-size:12px;font-family:var(--mono);margin-left:auto}.survey-view{flex-direction:column;height:100%;display:flex}.survey-head{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:12px 18px;display:flex}.survey-title h2{margin:0;font-size:16px}.survey-title p{margin:0;font-size:12.5px}.survey-body-grid{flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid}@media (width<=900px){.survey-body-grid{grid-template-rows:60vh auto;grid-template-columns:1fr}}.plan-wrap{background:var(--bg);min-height:0;position:relative;overflow:hidden}.plan-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.plan-canvas:active{cursor:grabbing}.plan-empty{text-align:center;place-items:center;padding:40px;display:grid}.plan-controls{flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;left:12px}.plan-controls button{width:30px;height:30px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:#141414cc;font-size:15px}.plan-controls button:hover{border-color:var(--secondary)}.survey-side{border-left:1px solid var(--border);background:var(--surface);padding:4px 16px 32px;overflow:auto}.survey-side section{border-bottom:1px solid var(--border);padding:14px 0}.survey-side h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 8px;font-size:12px}.layers{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.layers label{align-items:center;gap:8px;font-size:13px;display:flex}.layers .count{color:var(--text-muted);font-family:var(--mono);margin-left:auto;font-size:12px}.feature-card{flex-direction:column;gap:8px;display:flex}.feature-head{align-items:center;gap:8px;display:flex}.swatch{border-radius:3px;flex:none;width:12px;height:12px}.feature-meta{gap:2px;margin:0;font-size:13px;display:grid}.feature-meta>div{justify-content:space-between;gap:12px;display:flex}.feature-meta dt{color:var(--text-muted);text-transform:capitalize}.feature-meta dd{font-family:var(--mono);text-align:right;overflow-wrap:anywhere;margin:0}.photo-strip{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.photo-strip img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:zoom-in;width:100%}.deliverables{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.deliverables a{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex-direction:column;gap:1px;padding:8px 10px;text-decoration:none;display:flex}.deliverables a:hover{border-color:var(--primary)}.d-name{overflow-wrap:anywhere;font-size:13px}.d-meta{color:var(--text-muted);font-size:11.5px;font-family:var(--mono)}.lightbox{cursor:zoom-out;z-index:50;background:#000000e0;place-items:center;display:grid;position:fixed;inset:0}.lightbox img{border-radius:var(--radius);max-width:92vw;max-height:92vh}