*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.app-container{background:#000;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.spiral-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.vignette{z-index:5;pointer-events:none;background:radial-gradient(#0000 35%,#0000008c 85%,#000000d9 100%);position:absolute;inset:0}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.spiral-canvas{image-rendering:crisp-edges}}.brand-mark{z-index:20;text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,-apple-system,sans-serif;position:absolute;top:32px;right:32px}.brand-mark:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 100% 0,#000000b3,#0006 45%,#0000 80%);position:absolute;inset:-28px -36px -36px -44px}.wordmark{letter-spacing:.55em;text-transform:uppercase;color:#f5e6c8eb;text-shadow:0 0 24px #daa52040;padding-left:.55em;font-size:clamp(16px,2vw,22px);font-weight:300}.brand-divider{background:linear-gradient(270deg,#daa520b3,#daa52000);width:64px;height:1px;margin:12px 0 10px auto}.transcription{letter-spacing:.18em;color:#eece8ef2;text-shadow:0 0 18px #daa52033;justify-content:flex-end;align-items:center;gap:10px;font-size:clamp(13px,1.15vw,15px);font-weight:300;display:flex}.transcription .ipa{font-style:italic}.transcription .glyph{opacity:.9;filter:drop-shadow(0 0 8px #daa52059);flex-shrink:0;width:auto;height:1.6em}.transcription .respell{text-transform:uppercase;font-size:.92em}@media (width<=479px){.brand-mark{top:18px;right:18px}.wordmark{letter-spacing:.42em;padding-left:.42em}.brand-divider{width:48px;margin:8px 0 7px auto}}@media (height<=500px) and (orientation:landscape){.brand-mark{top:16px;right:18px}.brand-divider{width:48px;margin:6px 0 5px auto}}.site-footer{z-index:20;letter-spacing:.18em;text-transform:uppercase;color:#f5e6c866;text-shadow:0 0 12px #0009;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:300;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=479px){.site-footer{letter-spacing:.14em;font-size:10px;bottom:16px}}@media (height<=500px) and (orientation:landscape){.site-footer{font-size:10px;bottom:12px}}