@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{color:#e5e7eb;background:#0b0f16;font-size:16px}body{margin:0}a{color:inherit}p{margin:0}*{box-sizing:border-box}:root{color:#dbe0e7;background:radial-gradient(circle at 20% 20%,#111827,#0b0f16);min-height:100vh;font-family:Space Grotesk,IBM Plex Sans,system-ui,sans-serif}#root{min-height:100vh}body{background:radial-gradient(circle at 20% 20%,#111827,#0b0f16);margin:0}.app-shell{flex-direction:column;gap:20px;max-width:1280px;margin:0 auto;padding:24px 20px 64px;display:flex}.top-bar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.auth-shell{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{width:360px;max-width:100%}.login-form{flex-direction:column;gap:10px;display:flex}.login-form label{color:#cbd5e1;flex-direction:column;gap:4px;display:flex}.login-form input{color:#e2e8f0;background:#0f1624;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px;font-size:14px}.top-bar h1{letter-spacing:-.6px;color:#f8fafc;margin:0;font-size:32px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#7fa6f5;margin:0 0 4px;font-size:12px}.subtle{color:#9ca3af;margin:6px 0 0}.top-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pill{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.pill select,.pill input[type=range]{color:#e2e8f0;background:#0f1624;border:1px solid #ffffff1a;border-radius:8px;padding:6px 8px;font-size:14px}.pill input[type=range]{cursor:pointer;width:120px}.pan-controls{gap:4px;display:inline-flex}.pan-controls button{color:#e5e7eb;cursor:pointer;background:#111827;border:1px solid #ffffff14;border-radius:8px;padding:6px 10px}.pan-controls button:hover{background:#1f2937}.layout{grid-template-columns:320px 1fr;gap:16px;display:grid}.admin-tabs{flex-direction:column;gap:16px;display:flex}.tab-panel{flex-direction:column;gap:14px;display:flex}.section-grid{grid-template-columns:1fr;gap:12px;display:grid}.section-grid.two-columns{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.state-progress{flex-direction:column;gap:10px;display:flex}.state-progress-row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.session-meta{color:#cbd5e1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:10px;display:grid}.layout.admin-only{grid-template-columns:1fr}.side-panel{flex-direction:column;gap:12px;display:flex}.card{background:#0d1119e6;border:1px solid #ffffff0f;border-radius:16px;padding:14px;box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0a}.card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-header strong{color:#f8fafc}.ghost{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:12px;padding:6px 10px}.ghost:hover{border-color:#ffffff40}.instructions .markdown{color:#e2e8f0;margin-top:8px}.instructions .markdown p{margin:0 0 8px}.item-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.item-chip{cursor:pointer;color:#e5e7eb;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.item-chip:hover{border-color:#ffffff2e}.item-chip.placed{background:#50e3a40f}.item-swatch{border:1px solid #fff3;border-radius:50%;width:14px;height:14px}.status-dot{color:#cbd5e1;background:#ffffff14;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:12px}.analytics .stat{margin-top:10px}.analytics h3{color:#f8fafc;margin:4px 0}.analytics ul{margin:6px 0 0;padding:0;list-style:none}.analytics li{color:#cbd5e1;justify-content:space-between;padding:2px 0;font-size:14px;display:flex}.board-panel{flex-direction:column;gap:12px;display:flex}.board-placeholder{flex-direction:column;justify-content:center;gap:6px;min-height:240px;display:flex}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.state-tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{color:#e5e7eb;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:8px 12px}.tab.active{border-color:#7fa6f5;box-shadow:0 10px 30px #3b82f633}.tab:disabled{opacity:.4;cursor:not-allowed}.state-actions{align-items:center;gap:8px;display:flex}.primary{color:#f8fafc;cursor:pointer;background:linear-gradient(120deg,#4f46e5,#14b8a6);border:none;border-radius:12px;padding:10px 14px;font-weight:600}.primary:disabled{opacity:.4;cursor:not-allowed}.board-wrapper{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:10px}.board{transform-origin:0 100%;background:#0e1116;border:1px solid #ffffff14;border-radius:14px;position:relative;overflow:visible}.schema-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.schema-layer img{object-fit:contain;opacity:.3;width:100%;height:100%}.grid{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.piece{color:#0b0f16;cursor:grab;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;font-weight:600;transition:box-shadow .2s,outline .2s;display:flex;position:absolute}.piece.locked{opacity:.7;cursor:not-allowed}.piece.invalid{outline:2px solid #f97316}.piece-shape{pointer-events:none;background:#6b7280;border-radius:50%;position:absolute;inset:0;box-shadow:0 12px 28px #00000059}.piece-shape[data-shape=square]{border-radius:2px}.piece-shape[data-shape=triangle]{clip-path:polygon(50% 0%,0% 100%,100% 100%);border-radius:0}.piece-shape[data-shape=hexagon]{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);border-radius:0}.piece-shape[data-directional=true]{-webkit-mask-mode:alpha;-webkit-mask-image:conic-gradient(#0000 0deg 30deg,#000 30deg 360deg);mask-image:conic-gradient(#0000 0deg 30deg,#000 30deg 360deg);-webkit-mask-source-type:alpha;mask-mode:alpha}.piece-text{color:#0b0f16;z-index:2;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.axes{pointer-events:none;color:#ffffff4d;font-size:12px;position:absolute;inset:10px}.axis-label.x{position:absolute;bottom:6px;right:10px}.axis-label.y{position:absolute;top:8px;left:8px}.legend{color:#94a3b8;justify-content:space-between;font-size:13px;display:flex}.banner{color:#cbd5e1;background:#3b82f614;border:1px solid #3b82f633;border-radius:10px;padding:10px 12px}.banner.warning{background:#ec97441f;border-color:#ec974459}.banner.success{background:#34d39914;border-color:#34d3994d}.banner.error{color:#fca5a5;background:#ef44441a;border-color:#ef444459}.admin-card .form-grid{flex-direction:column;gap:10px;margin-top:10px;display:flex}.field{color:#cbd5e1;flex-direction:column;gap:6px;font-size:14px;display:flex}.field input,.field textarea,.field select{color:#e2e8f0;background:#0f1624;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px;font-size:14px}.field textarea{resize:vertical}.instruction-editor{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;display:grid}.instruction-editor .preview{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px}.preview-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.instruction-editor .markdown{max-height:220px;overflow:auto}.field-row{align-items:flex-end;gap:8px;display:flex}.field.full{width:100%}.row-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.action-buttons{align-items:center;gap:8px;display:flex}.pill-list{flex-direction:column;gap:6px;display:flex}.pill-item{align-items:center;gap:8px;display:flex}.pill-item input{color:#e2e8f0;background:#0f1624;border:1px solid #ffffff14;border-radius:10px;flex:1;padding:8px 10px}.ghost.small{padding:4px 8px}.item-editor{flex-direction:column;gap:6px;display:flex}.item-grid-wrapper{padding-bottom:6px;overflow-x:auto}.item-grid{--item-columns:1fr 56px 1.2fr .5fr .6fr .6fr .6fr .6fr .6fr 1.2fr .5fr;grid-template-columns:var(--item-columns);align-items:center;gap:8px;min-width:860px;display:grid}.item-header,.item-row{display:contents}.item-row input,.item-row select{color:#e2e8f0;background:#0f1624;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px}.toggle{color:#cbd5e1;align-items:center;gap:6px;font-size:13px;display:inline-flex}.toggle input{width:auto}.user-grid{grid-template-columns:1fr auto auto auto;align-items:center;gap:8px 12px;display:grid}.workspace-grid{grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:8px 12px;display:grid}.user-header,.user-row{display:contents}.user-header span{color:#94a3b8;font-size:12px}.user-row-actions{justify-content:flex-end;gap:6px;display:flex}.user-edit-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;grid-column:1/-1;align-items:flex-end;gap:12px;margin-bottom:4px;padding:10px 12px;display:flex}.ghost.small.danger{color:#f87171;border-color:#f871714d}.ghost.small.danger:hover{background:#f871711a;border-color:#f8717199}.color-chip{cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:50%;width:44px;height:44px;padding:0}.fixed-input.placeholder{visibility:hidden}.item-header{color:#94a3b8;padding:4px 0;font-size:12px}.category-header,.category-row{grid-template-columns:16px 1.2fr 1fr 1fr .5fr}.category-grid{grid-template-columns:16px 1.2fr 1fr 1fr .5fr;align-items:center;gap:8px;display:grid}.category-header,.category-row{display:contents}.category-ref{border-top:1px solid #ffffff14;margin-top:12px;padding-top:10px}.category-ref-grid{grid-template-columns:1fr;gap:6px;display:grid}.category-ref-header,.category-ref-row{grid-template-columns:180px 1.1fr .8fr .8fr 72px;align-items:center;column-gap:8px;display:grid}.category-ref-row span,.category-ref-row strong{color:#e2e8f0}.category-ref-header span{color:#94a3b8;font-size:12px}.category-ref-row input[type=checkbox]{width:auto}.category-ref-row strong{display:block}.category-ref-row .badge.subtle{color:#cbd5e1;background:#ffffff14;margin-left:6px}.category-ref-grid select,.dark-select{color:#e2e8f0;background:#0f1624;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px}.category-grid input,.category-grid select{color:#e2e8f0;background:#0f1624;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px;font-size:14px}.badge{color:#e2e8f0;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;padding:6px 8px;font-size:13px;display:inline-flex}.status{color:#cbd5e1}.analysis-section{flex-direction:column;gap:12px;display:flex}.analysis-boards-row{flex-direction:row;align-items:flex-start;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.analysis-board-column{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.board-view-label{color:#94a3b8;text-align:center;letter-spacing:.05em;font-size:12px;font-weight:600}.board-view-scaled-wrapper{overflow:visible}.analysis-board-empty{color:#4b5563;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.analysis-board-clickable{cursor:zoom-in;border-radius:8px;outline:2px solid #0000;transition:outline .1s}.analysis-board-clickable:hover{outline:2px solid #fff3}.board-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.board-modal-content{flex-direction:column;align-items:center;gap:24px;display:flex}.board-modal-header{align-items:center;gap:12px;width:100%;display:flex}.board-modal-label{color:#e5e7eb;flex:1;font-size:14px;font-weight:600}.board-modal-close{padding:4px 8px;font-size:16px;line-height:1}.board-modal-row{align-items:center;gap:16px;display:flex}.board-modal-side{flex-shrink:0;justify-content:flex-start;width:120px;display:flex}.board-modal-side--right{justify-content:flex-end}.board-modal-nav-row{justify-content:center;align-items:center;width:100%;min-height:40px;display:flex}.board-modal-nav-btn{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;color:#7dd3fc;background:#35a0f026;border:1.5px solid #50b4f08c;border-radius:20px;max-width:180px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;overflow:hidden}.board-modal-nav-btn:hover{background:#35a0f047;border-color:#50b4f0d9}.analysis-state-selector{margin-bottom:4px}@media (width<=1040px){.layout{grid-template-columns:1fr}.side-panel{flex-flow:wrap}.side-panel .card{flex:280px}}.project-list{flex-direction:column;gap:8px;display:flex}.project-row{border:1px solid var(--border);background:var(--surface);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.project-row--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.project-name{align-items:center;gap:8px;font-weight:500;display:flex}.active-badge{background:var(--accent);color:#fff;letter-spacing:.03em;border-radius:99px;padding:2px 6px;font-size:.7em;font-weight:600}.project-row-actions{flex-shrink:0;gap:6px;display:flex}.project-name-input{background:var(--input-bg,var(--surface));border:1px solid var(--border);color:inherit;font-size:inherit;border-radius:4px;flex:1;padding:4px 8px}