.note{color:var(--muted);font-size:.95rem}.puzzle-shell{margin-top:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:24px;max-width:1100px;margin-left:auto;margin-right:auto;position:relative}.container{background:transparent;box-shadow:none;padding:0;max-width:1200px;margin:0 auto;color:var(--text)!important;font-family:var(--font)}body,.container h1,.container h2,.container h3,.container p,.container label,.hero h1{color:var(--text)!important}.subtitle{text-align:left;color:var(--muted);margin:6px 0 18px}.panel{background:#ffffff08!important;border-left:4px solid var(--border)!important;box-shadow:var(--shadow)!important}:root[data-theme=light] .panel{background:#ffffffd9!important;border-left-color:var(--border)!important}.btn{border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(120deg,#7cf2c929,#6cb1ff14)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:0 12px 30px #0000001f!important;font-weight:600;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease,color .14s ease}.btn-primary,.btn-success,.solution-controls .btn,.export-buttons .btn,.view-controls .view-btn{background:linear-gradient(120deg,#7cf2c942,#6cb1ff24)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:0 12px 28px #00000029!important}.btn:hover,.view-btn:hover,.solution-controls .btn:hover,.export-buttons .btn:hover,.view-controls .view-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0000002e;filter:brightness(1.02);border-color:var(--accent)!important;color:var(--accent)!important}:root[data-theme=light] .btn{background:linear-gradient(120deg,#7cf2c91f,#6cb1ff0f)!important;color:var(--text)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 10px 20px #00000014!important}:root[data-theme=light] .btn-primary,:root[data-theme=light] .btn-success,:root[data-theme=light] .solution-controls .btn,:root[data-theme=light] .export-buttons .btn,:root[data-theme=light] .view-controls .view-btn{background:linear-gradient(120deg,#7cf2c933,#6cb1ff1a)!important;color:var(--text)!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:inset 0 1px #7cf2c92e,0 10px 22px #0000001a!important}:root[data-theme=light] .btn:hover,:root[data-theme=light] .view-btn:hover,:root[data-theme=light] .solution-controls .btn:hover,:root[data-theme=light] .export-buttons .btn:hover,:root[data-theme=light] .view-controls .view-btn:hover{border-color:#0f9b7399!important;color:var(--accent)!important}.status.info{background:#2563eb1a;color:#9bbcf6}.status.success{background:#22c55e1f;color:#98e2b1}.status.error{background:#ef444424;color:#f9b0b0}.canvas-area{background:#ffffff05!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important}.premium-lock{position:relative;border-radius:12px}.premium-lock__canvas{position:relative;border-radius:12px;overflow:hidden}.premium-lock__canvas canvas{filter:blur(8px) grayscale(1)!important;transform:translateZ(0);user-select:none;pointer-events:none}.premium-lock.is-unlocked .premium-lock__canvas canvas{filter:none!important;pointer-events:auto}.premium-lock__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000038;padding:14px}.premium-lock.is-unlocked .premium-lock__overlay{display:none}:root[data-theme=light] .premium-lock__overlay{background:#ffffff8c}.premium-unlock{width:fit-content!important;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-weight:600;letter-spacing:.02em;text-decoration:none;color:#062012!important;background:linear-gradient(120deg,#6ee7b7,#34d399)!important;border:1px solid rgba(52,211,153,.55)!important;box-shadow:0 10px 22px #0000002e!important;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;cursor:pointer}.premium-unlock.is-hidden{display:none}.premium-unlock--open{min-width:0}.premium-unlock:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 12px 26px #00000038!important;color:#062012!important;border-color:#34d399bf!important}:root[data-theme=light] .premium-unlock{color:#062012!important;box-shadow:0 10px 22px #0f172a24!important}:root[data-theme=light] .premium-unlock:hover{box-shadow:0 12px 26px #0f172a29!important}.premium-gate{width:min(520px,calc(100% - 28px));border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow);padding:16px;text-align:left}.premium-gate--hidden{display:none}.premium-gate__title{margin:0 0 4px;font-size:1rem;color:var(--text)}.premium-gate__text{margin:0 0 10px;color:var(--muted);font-size:.95rem}.premium-gate__cta{display:flex;justify-content:center;margin:0 0 12px;width:100%}.premium-gate__link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;width:100%;white-space:nowrap;text-decoration:none;font-weight:800;letter-spacing:.02em;color:#2a1a00!important;background:linear-gradient(120deg,#f7e08a,#d4af37)!important;border:1px solid rgba(212,175,55,.55)!important;box-shadow:0 10px 22px #0000002e!important;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.premium-gate__link:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 12px 26px #00000038!important}:root[data-theme=light] .premium-gate__link{color:#2a1a00!important;background:linear-gradient(120deg,#f7e08a,#d4af37)!important;border-color:#d4af378c!important;box-shadow:0 10px 22px #0f172a24!important}:root[data-theme=light] .premium-gate__link:hover{box-shadow:0 12px 26px #0f172a29!important}.premium-gate__row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.premium-gate__input{width:100%;padding:10px 12px;background:var(--bg-soft)!important;border:1px solid var(--border)!important;border-radius:12px!important;font-weight:600;letter-spacing:.02em;box-shadow:inset 0 1px #ffffff0f}:root[data-theme=light] .premium-gate__input{background:#ffffffeb!important;border-color:#0000001f!important;box-shadow:inset 0 1px #0f172a0f}.premium-gate__input::placeholder{color:color-mix(in srgb,var(--muted) 85%,transparent)}.premium-gate__error{display:none;margin-top:10px;color:color-mix(in srgb,var(--muted) 65%,#ff6b6b)}.canvas-section{background:#ffffff05!important;border:1px solid var(--border)!important}.view-btn{border-color:var(--border)!important;color:var(--text)!important;background:transparent!important;border-radius:12px}.view-controls .view-btn:not(.active){background:transparent!important;box-shadow:none!important}:root[data-theme=light] .view-controls .view-btn:not(.active){background:#ffffffa6!important;border-color:#0000001f!important;box-shadow:none!important}.view-btn.active{background:linear-gradient(120deg,var(--accent),var(--accent-2))!important;color:#0b1020!important;border-color:#7cf2c999!important;box-shadow:0 10px 22px #00000029!important}:root[data-theme=light] .view-btn.active{border-color:#0f9b738c!important;box-shadow:0 10px 22px #0f172a24!important}.solution-info{background:#2563eb1a!important;color:var(--text)!important}.backend-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:var(--card);backdrop-filter:none;border-radius:inherit;z-index:20;transition:opacity .22s ease,visibility .22s ease}.backend-wait.hide{opacity:0;visibility:hidden;pointer-events:none}.backend-msg{display:grid;gap:4px;color:var(--text);font-weight:600}.backend-msg .backend-note{color:var(--muted);font-weight:500}.backend-msg .backend-status{color:var(--muted);font-weight:400;font-style:italic}.puzzle-shell.blocked{min-height:220px;display:flex;align-items:center;justify-content:center;padding:20px}.puzzle-shell.blocked .container{display:none}.puzzle-shell.blocked .backend-wait{position:static;inset:auto;width:100%;min-height:160px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.loader{font-size:32px;line-height:1;display:inline-flex;align-items:center;justify-content:center;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.construction-warning{margin:20px auto;max-width:1100px;padding:20px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius);text-align:center;color:var(--text)}.construction-warning h2{margin:0 0 10px;color:var(--text);font-size:1.8rem}.construction-warning p{margin:0;color:var(--muted)}@media (max-width: 900px){.puzzle-shell{padding:16px}}:root{color-scheme:dark;--bg: #0d1017;--bg-soft: rgba(255, 255, 255, .02);--text: #e7ecf3;--muted: #9ca3af;--accent: #7cf2c9;--accent-2: #6cb1ff;--card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--radius: 16px;--shadow: 0 10px 50px rgba(0, 0, 0, .35);--font: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f7f9fc;--bg-soft: rgba(0, 0, 0, .04);--text: #0f172a;--muted: #4b5563;--accent: #0f9b73;--accent-2: #2563eb;--card: rgba(255, 255, 255, .9);--border: rgba(0, 0, 0, .08);--shadow: 0 12px 40px rgba(15, 23, 42, .12)}html,body{color:var(--text)!important;font-family:var(--font)!important;padding:0!important;margin:0!important}:root[data-theme=light] html,:root[data-theme=light] body{color:var(--text)!important}body{background:radial-gradient(circle at 20% 20%,rgba(124,242,201,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(108,177,255,.1),transparent 30%),linear-gradient(135deg,#0b0f16,#0d1017,#0b0f16)!important}:root[data-theme=light] body{background:radial-gradient(circle at 20% 20%,rgba(15,155,115,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(37,99,235,.08),transparent 30%),linear-gradient(135deg,#f6f8fb,#f1f5f9,#eef2f7)!important}.container{background:transparent!important;box-shadow:none!important;border:none!important}.panel,.canvas-area,.canvas-section{border-color:var(--border)!important}.status{display:block}body.container,body .container{background:transparent!important}a,input,select,button{color:inherit}.container input,.container select,.container textarea{background:#ffffff08!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:10px!important}:root[data-theme=light] .container input,:root[data-theme=light] .container select,:root[data-theme=light] .container textarea{background:#ffffffeb!important;color:var(--text)!important;border:1px solid rgba(0,0,0,.12)!important}.container input:focus,.container select:focus,.container textarea:focus{outline:2px solid rgba(124,242,201,.35)!important;outline-offset:2px}:root[data-theme=light] .container input:focus,:root[data-theme=light] .container select:focus,:root[data-theme=light] .container textarea:focus{outline:2px solid rgba(15,155,115,.35)!important}.container option{background:var(--bg)!important;color:var(--text)!important}:root[data-theme=light] .container option{background:#fff!important;color:var(--text)!important}#backend-wait[data-astro-cid-pn244me4]{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--card, #0b0f16);color:var(--text, #f4f6fb);border-radius:12px;border:1px solid var(--border, #222);min-height:180px}.backend-msg[data-astro-cid-pn244me4]{color:var(--text, #f4f6fb)}.backend-status[data-astro-cid-pn244me4]{color:var(--muted, #9aa1b5);font-style:italic}.puzzle-shell[data-astro-cid-pn244me4]{position:relative}.puzzle-shell[data-astro-cid-pn244me4].blocked .container[data-astro-cid-pn244me4]{display:none}