:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{position:relative;margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#f4f7fbf0,#e0effff0),#f4f7fb}body:before,body:after{display:none}.parallax-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 12% 16%,rgba(37,99,235,.18),transparent 28%),radial-gradient(circle at 86% 20%,rgba(14,165,233,.16),transparent 30%),radial-gradient(circle at 48% 96%,rgba(22,163,74,.12),transparent 26%)}.parallax-bg:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(118deg,transparent 0 22%,rgba(37,99,235,.12) 22% 23%,transparent 23% 46%,rgba(14,165,233,.1) 46% 47%,transparent 47% 100%);background-size:380px 260px;animation:bg-ribbon-scroll 28s linear infinite}.parallax-layer{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;will-change:transform,background-position}.parallax-grid{opacity:.72;background-image:linear-gradient(rgba(37,99,235,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.24) 1px,transparent 1px);background-size:68px 68px;animation:bg-grid-scroll 24s linear infinite}.parallax-circuits{opacity:.58;background-image:repeating-linear-gradient(135deg,transparent 0 28px,rgba(14,165,233,.22) 28px 31px,transparent 31px 64px),repeating-linear-gradient(45deg,transparent 0 40px,rgba(15,23,42,.13) 40px 42px,transparent 42px 88px);background-size:220px 220px,280px 280px;animation:bg-circuit-scroll 34s linear infinite}.parallax-dots{opacity:.52;background-image:radial-gradient(circle,rgba(37,99,235,.42) 1.7px,transparent 2.3px);background-size:40px 40px;animation:bg-dot-scroll 26s linear infinite}.parallax-scan{opacity:.46;background:linear-gradient(180deg,transparent 0 12%,rgba(37,99,235,.18) 12% 14%,transparent 14% 48%,rgba(15,23,42,.1) 48% 50%,transparent 50%),linear-gradient(90deg,transparent 0 24%,rgba(14,165,233,.16) 24% 26%,transparent 26% 66%,rgba(37,99,235,.16) 66% 68%,transparent 68%);background-size:100% 240px,420px 100%;animation:bg-scan-scroll 20s linear infinite}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}main{position:relative;z-index:2;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}@keyframes bg-grid-scroll{0%{transform:translateZ(0);background-position:0 0,0 0}to{transform:translate3d(-68px,68px,0);background-position:136px 204px,204px 136px}}@keyframes bg-circuit-scroll{0%{transform:translateZ(0) rotate(-1deg);background-position:0 0,0 0}to{transform:translate3d(96px,-84px,0) rotate(-1deg);background-position:-220px 220px,280px -280px}}@keyframes bg-dot-scroll{0%{transform:translateZ(0);background-position:0 0}to{transform:translate3d(80px,120px,0);background-position:120px 160px}}@keyframes bg-scan-scroll{0%{transform:translateZ(0);background-position:0 -320px,-520px 0}to{transform:translate3d(-44px,72px,0);background-position:0 240px,420px 0}}@keyframes bg-ribbon-scroll{0%{transform:translateZ(0);background-position:0 0}to{transform:translate3d(-120px,90px,0);background-position:380px 260px}}@media (prefers-reduced-motion: reduce){.parallax-bg:before,.parallax-layer{animation:none}}body.motion-enabled .parallax-bg:before{animation:bg-ribbon-scroll 28s linear infinite!important}body.motion-enabled .parallax-grid{animation:bg-grid-scroll 24s linear infinite!important}body.motion-enabled .parallax-circuits{animation:bg-circuit-scroll 34s linear infinite!important}body.motion-enabled .parallax-dots{animation:bg-dot-scroll 26s linear infinite!important}body.motion-enabled .parallax-scan{animation:bg-scan-scroll 20s linear infinite!important}body.motion-disabled .parallax-bg:before,body.motion-disabled .parallax-layer{animation:none!important}.topbar,.admin-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 0 22px;border-bottom:1px solid rgba(15,23,42,.12)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#2563eb;font-size:.84rem;font-weight:800;text-transform:uppercase}h1{margin:7px 0 0;color:#0f172a;font-size:clamp(2.1rem,6vw,5.5rem);line-height:.92;letter-spacing:0}.site-code{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:8px;background:#ffffffe6;box-shadow:0 14px 40px #0f172a14}.site-code svg{flex:0 0 auto}.site-code span,.panel-label{display:block;color:#64748b;font-size:.77rem;font-weight:800;text-transform:uppercase}.site-code strong{display:block;color:#0f172a;font-size:1rem;margin-top:2px;white-space:nowrap}.controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0}.controls label{width:min(580px,100%);display:flex;align-items:center;gap:10px;padding:0 14px;min-height:48px;border-radius:8px;background:#fff;border:1px solid rgba(15,23,42,.14);color:#64748b;box-shadow:0 10px 28px #0f172a0f}.controls input,.field-grid input,.field-grid textarea{border:0;outline:0;width:100%;color:#0f172a;background:transparent}.controls input::-moz-placeholder,.field-grid input::-moz-placeholder,.field-grid textarea::-moz-placeholder,.import-panel textarea::-moz-placeholder{color:#94a3b8}.controls input::placeholder,.field-grid input::placeholder,.field-grid textarea::placeholder,.import-panel textarea::placeholder{color:#94a3b8}.count{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:8px;background:#0f172a;color:#fff;font-size:.9rem;font-weight:800;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.project-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;gap:14px;min-height:260px;padding:18px;border-radius:8px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 40px #0f172a14}.project-card.is-current{border-color:#2563eb;box-shadow:0 18px 44px #2563eb2e}.project-card.is-unlocked .project-number{background:#dcfce7;color:#15803d}.project-number{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-weight:900}.project-body{min-width:0}.project-meta{display:flex;flex-wrap:wrap;gap:7px}.project-meta span{border-radius:999px;padding:5px 9px;background:#eef2ff;color:#4338ca;font-size:.76rem;font-weight:800}.presenter-name{margin-top:8px;color:#2563eb;font-size:.92rem;font-weight:900}.project-body h2{margin:10px 0 0;color:#0f172a;font-size:clamp(1.25rem,4vw,1.65rem);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere}.project-body p{margin:10px 0 0;color:#475569;font-size:.95rem;line-height:1.45}.now-badge{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 10px;border-radius:999px;background:#2563eb;color:#fff;font-size:.8rem;font-weight:900}.project-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.project-actions a,.project-actions button,.locked-action,.admin-tabs button,.admin-toolbar button,.admin-session button,.admin-row-actions button,.admin-project-controls button,.import-actions button,.live-buttons button,.admin-login button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border-radius:8px;border:1px solid rgba(15,23,42,.14);font-weight:900;text-decoration:none}.project-actions .primary-action,.admin-toolbar button:last-child,.admin-login button{background:#2563eb;color:#fff;border-color:#2563eb}.project-actions button,.admin-tabs button,.admin-toolbar button,.admin-session button,.admin-row-actions button,.admin-project-controls button,.import-actions button,.live-buttons button{background:#fff;color:#172033}.locked-action{grid-column:1 / -1;background:#f8fafc;color:#64748b;justify-content:flex-start}.empty-state{display:grid;place-items:center;text-align:center;min-height:360px;padding:48px 24px;border-radius:8px;border:1px dashed rgba(15,23,42,.18);background:#ffffffc7}.empty-state.compact{min-height:180px}.empty-mark{display:grid;place-items:center;width:84px;height:84px;border-radius:8px;background:#0f172a;color:#fff;font-weight:950;font-size:1.7rem}.empty-state h2,.admin-login h1{margin:18px 0 0;color:#0f172a;font-size:1.6rem}.empty-state p,.admin-login p{margin:8px 0 0;color:#64748b}.admin-link{position:fixed;right:16px;bottom:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#0f172ae0;color:#fff;text-decoration:none;box-shadow:0 16px 36px #0f172a3d}.motion-toggle{position:fixed;left:16px;bottom:16px;z-index:10;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#ffffffe6;color:#0f172a;font-size:.86rem;font-weight:900;box-shadow:0 16px 36px #0f172a29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.motion-toggle.is-on{background:#0f172ae6;color:#fff}.motion-toggle.is-off{color:#475569}.admin-shell{display:grid;gap:16px}.admin-login{display:grid;place-items:center;text-align:center;min-height:520px;padding:48px 24px}.admin-login button{margin-top:22px}.admin-session{display:flex;align-items:center;gap:10px}.admin-session span{color:#64748b;font-size:.9rem;font-weight:700}.admin-panel,.admin-project{border-radius:8px;background:#ffffffeb;border:1px solid rgba(15,23,42,.12);box-shadow:0 14px 34px #0f172a12}.admin-panel{padding:16px}.live-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.live-controls strong{display:block;color:#0f172a;font-size:1.2rem;margin-top:3px;overflow-wrap:anywhere}.live-controls p{margin:6px 0 0;color:#64748b;font-size:.92rem}.live-buttons,.admin-toolbar,.admin-row-actions,.admin-project-controls,.admin-tabs,.import-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-tabs{margin-top:4px}.admin-tabs button.active{background:#0f172a;color:#fff}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-grid label{display:grid;gap:6px;min-width:0}.field-grid label.wide{grid-column:1 / -1}.field-grid span{color:#475569;font-size:.78rem;font-weight:900;text-transform:uppercase}.field-grid input,.field-grid textarea{min-height:44px;padding:0 12px;border-radius:8px;background:#f8fafc;border:1px solid rgba(15,23,42,.12)}.field-grid textarea{min-height:92px;padding:10px 12px;resize:vertical}.import-panel{display:grid;gap:12px}.import-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.import-heading strong{display:block;color:#0f172a;font-size:1.12rem;margin-top:3px}.import-panel textarea{width:100%;min-height:150px;padding:12px;border-radius:8px;background:#f8fafc;border:1px solid rgba(15,23,42,.12);color:#0f172a;outline:0;resize:vertical}.import-message{margin:0;color:#475569;font-size:.92rem}.run-list{display:grid;gap:10px}.run-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px;border-radius:8px;background:#ffffffeb;border:1px solid rgba(15,23,42,.12);box-shadow:0 12px 30px #0f172a0f}.run-row.is-current{border-color:#2563eb;box-shadow:0 16px 36px #2563eb29}.run-index{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-weight:900}.run-body{min-width:0}.run-body strong{display:block;margin-top:8px;color:#0f172a;font-size:1.05rem;overflow-wrap:anywhere}.run-body p{margin:4px 0 0;color:#475569;font-size:.92rem}.run-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border-radius:8px;border:1px solid rgba(15,23,42,.14);background:#fff;color:#172033;font-weight:900}.run-row button.active{background:#2563eb;border-color:#2563eb;color:#fff}.admin-toolbar{justify-content:space-between;margin-top:4px}.admin-list{display:grid;gap:12px}.admin-project{padding:14px}.admin-project.is-current{border-color:#2563eb}.admin-project-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.admin-project-head strong{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#dbeafe;color:#1d4ed8}.admin-project-controls button{width:38px;min-height:38px;padding:0}.admin-row-actions{margin-top:12px}.admin-row-actions .active{background:#0f172a;color:#fff}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:10;padding:11px 16px;border-radius:8px;background:#0f172a;color:#fff;font-size:.92rem;font-weight:800;box-shadow:0 16px 40px #0f172a33}@media (max-width: 860px){main{width:min(100% - 24px,1120px);padding-top:18px}.topbar,.admin-header,.live-controls{grid-template-columns:1fr;gap:16px}.site-code{justify-content:space-between}.controls{align-items:stretch;flex-direction:column}.count{justify-content:center}.admin-session{align-items:stretch;flex-direction:column}.admin-session button,.admin-toolbar button,.live-buttons button,.run-row button{width:100%}.run-row{grid-template-columns:auto minmax(0,1fr)}.run-row button{grid-column:1 / -1}}@media (max-width: 560px){.site-code{align-items:flex-start;flex-direction:column}.project-card,.field-grid,.project-actions{grid-template-columns:1fr}.admin-toolbar,.admin-row-actions{flex-direction:column}.admin-toolbar button,.admin-row-actions button{width:100%}}
