*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;overflow:hidden;background:#f0e8da;cursor:crosshair}::selection{background:#d4a053;color:#f0e8da}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}canvas.svelte-1uha8ag{display:block;position:fixed;inset:0}.overlay.svelte-1uha8ag{position:fixed;z-index:1;pointer-events:none}.overlay.svelte-1uha8ag a:where(.svelte-1uha8ag),.overlay.svelte-1uha8ag button:where(.svelte-1uha8ag){pointer-events:auto}.top-left.svelte-1uha8ag{top:2.5rem;left:3rem;animation:svelte-1uha8ag-fadeUp 2s cubic-bezier(.22,1,.36,1) both}.top-right.svelte-1uha8ag{top:2.5rem;right:3rem;text-align:right;animation:svelte-1uha8ag-fadeUp 2s cubic-bezier(.22,1,.36,1) .2s both}.bottom-right.svelte-1uha8ag{bottom:2.5rem;right:3rem;text-align:right;animation:svelte-1uha8ag-fadeUp 3s cubic-bezier(.22,1,.36,1) .5s both}.rule.svelte-1uha8ag{width:60px;height:2px;background:linear-gradient(90deg,#d4a053,transparent);margin-bottom:.75rem}.label.svelte-1uha8ag{font-family:JetBrains Mono,monospace;font-weight:300;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#8a7e6e}h1.svelte-1uha8ag{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-top:.2rem;color:#2a252080}h1.svelte-1uha8ag em:where(.svelte-1uha8ag){font-weight:700;font-style:italic;color:#d4a05399}.mode-label.svelte-1uha8ag{margin-top:.3rem;font-family:JetBrains Mono,monospace;font-weight:300;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#d4a05380}p.svelte-1uha8ag{font-family:JetBrains Mono,monospace;font-weight:300;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#8a7e6e99}a.svelte-1uha8ag{display:inline-block;margin-top:.5rem;font-family:JetBrains Mono,monospace;font-weight:400;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:#d4a05380;transition:color .2s}a.svelte-1uha8ag:hover{color:#d4a053}.stats.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem}.stat.svelte-1uha8ag{font-family:JetBrains Mono,monospace;font-weight:400;font-size:.7rem;color:#4a4540}.stat-label.svelte-1uha8ag{font-weight:300;font-size:.6rem;color:#8a7e6e;letter-spacing:.1em;text-transform:uppercase}.stat-divider.svelte-1uha8ag{font-family:JetBrains Mono,monospace;font-size:.5rem;color:#d5cec4;letter-spacing:.05em}.mode-bar.svelte-1uha8ag{bottom:2.5rem;left:3rem;display:flex;gap:.25rem;flex-wrap:wrap;animation:svelte-1uha8ag-fadeUp 2s cubic-bezier(.22,1,.36,1) .3s both}.mode-btn.svelte-1uha8ag{background:#f0e8dab3;border:1px solid #e4dccf;padding:.35rem .65rem;font-family:JetBrains Mono,monospace;font-weight:300;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#6a6055;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);pointer-events:auto}.mode-btn.svelte-1uha8ag:hover{border-color:#d4a053;color:#4a4540}.mode-btn.active.svelte-1uha8ag{border-color:#d4a053;color:#d4a053;background:#d4a05314}.mode-key.svelte-1uha8ag{display:inline-block;width:1em;text-align:center;font-weight:500;color:#8a7e6e;margin-right:.25rem}.mode-btn.active.svelte-1uha8ag .mode-key:where(.svelte-1uha8ag){color:#d4a053}.panel-toggle.svelte-1uha8ag{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:10;background:#f0e8dacc;border:1px solid #e4dccf;border-right:none;width:2rem;height:2.5rem;font-family:JetBrains Mono,monospace;font-size:1rem;color:#8a7e6e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.panel-toggle.svelte-1uha8ag:hover{color:#d4a053;border-color:#d4a053}.control-panel.svelte-1uha8ag{position:fixed;top:50%;right:2rem;transform:translateY(-50%);z-index:5;background:#f0e8daeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #d5cec4;padding:1.5rem;width:240px;animation:svelte-1uha8ag-slideIn .4s cubic-bezier(.22,1,.36,1) both}.panel-header.svelte-1uha8ag{margin-bottom:1rem}.panel-header.svelte-1uha8ag .rule:where(.svelte-1uha8ag){margin-top:.5rem;margin-bottom:0}.control-group.svelte-1uha8ag{margin-bottom:.75rem}.control-label.svelte-1uha8ag{display:block;font-family:JetBrains Mono,monospace;font-weight:300;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#8a7e6e;margin-bottom:.3rem}.control-value.svelte-1uha8ag{font-family:JetBrains Mono,monospace;font-weight:400;font-size:.65rem;color:#4a4540;margin-left:.5rem}input[type=range].svelte-1uha8ag{-webkit-appearance:none;appearance:none;width:120px;height:2px;background:#d5cec4;outline:none;vertical-align:middle}input[type=range].svelte-1uha8ag::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:#d4a053;cursor:pointer;border:none}input[type=range].svelte-1uha8ag::-moz-range-thumb{width:10px;height:10px;background:#d4a053;cursor:pointer;border:none}.toggle-row.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem}.toggle-btn.svelte-1uha8ag{background:none;border:1px solid #d5cec4;padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-weight:300;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#8a7e6e;cursor:pointer;transition:all .2s}.toggle-btn.active.svelte-1uha8ag{border-color:#d4a053;color:#d4a053}.palette-row.svelte-1uha8ag{display:flex;gap:.35rem;flex-wrap:wrap}.palette-btn.svelte-1uha8ag{display:flex;gap:2px;padding:3px;background:none;border:1px solid #e4dccf;cursor:pointer;transition:all .2s}.palette-btn.active.svelte-1uha8ag{border-color:#d4a053}.palette-dot.svelte-1uha8ag{display:block;width:8px;height:8px}.panel-footer.svelte-1uha8ag{margin-top:1rem}.panel-footer.svelte-1uha8ag .rule:where(.svelte-1uha8ag){margin-bottom:.5rem}.panel-footer.svelte-1uha8ag .label:where(.svelte-1uha8ag){margin-bottom:.3rem;display:block}.key-hints.svelte-1uha8ag,.mouse-hints.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.2rem .5rem;margin-top:.3rem}.key-hints.svelte-1uha8ag span:where(.svelte-1uha8ag),.mouse-hints.svelte-1uha8ag span:where(.svelte-1uha8ag){font-family:JetBrains Mono,monospace;font-weight:300;font-size:.5rem;letter-spacing:.1em;color:#8a7e6e}.mouse-hints.svelte-1uha8ag{margin-top:.4rem;flex-direction:column}@keyframes svelte-1uha8ag-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1uha8ag-slideIn{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media(max-width:600px){.top-left.svelte-1uha8ag{top:1.5rem;left:1.5rem}.top-right.svelte-1uha8ag{top:1.5rem;right:1.5rem}.bottom-right.svelte-1uha8ag{bottom:1.5rem;right:1.5rem}.mode-bar.svelte-1uha8ag{bottom:1.5rem;left:1.5rem;right:6rem}.mode-btn.svelte-1uha8ag{padding:.25rem .4rem;font-size:.5rem}.control-panel.svelte-1uha8ag{width:200px;right:1rem;padding:1rem}}