*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#0a0a0a;--dark:#111111;--surface:#1a1a1a;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-secondary:#b0b0b0;--text-muted:#999999;--cyan:#22d3ee;--accent:var(--cyan);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-cubic:cubic-bezier(0.33,1,0.68,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.showcase-shell{display:grid;grid-template-rows:auto 1fr;width:100%;min-height:100svh;max-height:100svh;margin:0 auto;padding:clamp(0.9rem,2.4vw,1.6rem)}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.9rem}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{flex:0 0 auto;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.showcase-sound{display:none;align-items:center;gap:0.45rem;padding:0.42rem 0.85rem;border:1px solid var(--border-light);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-family:'JetBrains Mono',monospace;font-size:0.62rem;font-weight:500;letter-spacing:0.09em;text-transform:uppercase;cursor:pointer;transition:color 0.2s var(--ease-out-cubic),border-color 0.2s var(--ease-out-cubic),box-shadow 0.2s var(--ease-out-cubic)}.has-js .showcase-sound{display:inline-flex}.showcase-sound:hover{color:var(--text);border-color:var(--accent)}.showcase-sound:focus-visible{color:var(--text);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.showcase-sound.is-on{color:var(--accent);border-color:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}.showcase-sound__icon{flex:0 0 auto}.showcase-sound__wave{opacity:0;transition:opacity 0.2s var(--ease-out-cubic)}.showcase-sound.is-on .showcase-sound__wave{opacity:1}.showcase-stage{width:100%;min-height:0;display:grid}.strings-field{position:relative;width:100%;height:100%;min-height:320px;overflow:clip;border-radius:18px;background:radial-gradient(120% 90% at 50% 110%,rgba(34,211,238,0.09),transparent 60%),radial-gradient(90% 70% at 15% -10%,rgba(34,211,238,0.06),transparent 55%),linear-gradient(180deg,#07090b 0%,var(--black) 100%);border:1px solid var(--border);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.strings-field:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ps-svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.strings-type{position:absolute;inset:0;z-index:1;pointer-events:none}.strings-word{position:absolute;font-family:'Syne',system-ui,sans-serif;font-weight:800;line-height:0.9;letter-spacing:-0.03em;text-transform:uppercase;white-space:nowrap}.strings-word--pull{top:6%;left:4%;font-size:clamp(3.2rem,13vw,9rem);color:var(--text);opacity:0.92}.strings-word--release{top:37%;right:5%;font-size:clamp(2.6rem,10.5vw,7.2rem);color:transparent;-webkit-text-stroke:1.5px rgba(34,211,238,0.75);opacity:0.9}.strings-word--resonate{bottom:5%;left:10%;font-size:clamp(2.4rem,9.5vw,6.4rem);color:var(--text-secondary);opacity:0.34}@media (max-width:768px){.showcase-shell{padding:0.8rem}.showcase-toolbar{margin-bottom:0.7rem}.showcase-prompt span:last-child{display:none}.strings-word--release{-webkit-text-stroke-width:1px}.strings-word--resonate{left:5%;font-size:clamp(1.7rem,8.6vw,6.4rem)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.strings-field{cursor:default;touch-action:auto}.has-js .showcase-sound{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}