.galaxy-container{position:relative;width:100%;height:100%;overflow:hidden}.galaxy-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}:root{--ground: #141B24;--ink: #ECD3B4;--muted: #A88F72;--rule: #2A2620;--accent: #E89F6E;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--ground)}*,*:before,*:after{box-sizing:inherit}html{height:100%}body{margin:0;min-height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse 70% 55% at 75% 15%,rgba(120,150,190,.1),transparent 70%),radial-gradient(ellipse 60% 50% at 15% 90%,rgba(236,211,180,.05),transparent 70%),var(--ground);background-attachment:fixed;color:var(--ink);font-family:Instrument Sans,Helvetica Neue,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#root{flex:1 0 auto;display:flex;flex-direction:column}.page{position:relative;flex:1 0 auto;display:flex;flex-direction:column;padding:clamp(24px,5vw,64px)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.top,.hero,.bottom{position:relative;z-index:1}.top,.hero,.bottom{pointer-events:none}.top a,.hero a,.bottom a{pointer-events:auto}.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.domain{font-weight:500}.status{display:flex;align-items:center;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block}.hero{flex-grow:1;display:flex;flex-direction:column;justify-content:center;max-width:960px;width:100%;padding:64px 0}.quote{margin:0}.quote p{margin:0;font-family:Garamond,EB Garamond,Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(32px,5vw,48px);line-height:1.15}.credit{margin:24px 0 0;font-size:20px}.bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--rule);padding-top:24px}.note{margin:0;font-size:15px;line-height:1.55;max-width:640px;color:var(--muted)}.copy{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;color:var(--muted)}.panel{position:fixed;z-index:10;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(300px,calc(100vw - 32px));max-height:calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:13px;color:var(--ink)}.panel button{font:inherit;color:var(--ground);background:var(--ink);border:0;border-radius:8px;min-height:40px;padding:0 14px;cursor:pointer;font-weight:600}.panel button.ghost{background:transparent;color:var(--ink);border:1px solid #3A4250}.panel button:focus-visible,.panel input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.panel-toggle{align-self:flex-end}.panel-body{overflow-y:auto;padding:16px;border-radius:12px;background:#10161ee0;border:1px solid #2E3643;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-direction:column;gap:4px}.row-head{display:flex;justify-content:space-between}.row-head output{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--muted)}.row input[type=range]{width:100%;accent-color:var(--ink)}.colors{display:flex;gap:8px;flex-wrap:wrap}.swatch{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--muted)}.swatch input{width:32px;height:32px;padding:0;border:1px solid #3A4250;border-radius:6px;background:none;cursor:pointer}.check{display:flex;align-items:center;gap:8px;min-height:28px;cursor:pointer}.check input{accent-color:var(--ink);width:16px;height:16px}.actions{display:flex;gap:8px}.actions button{flex:1}.copied{margin:0;color:var(--muted)}.panel textarea{width:100%;font:12px JetBrains Mono,ui-monospace,monospace;color:var(--ink);background:#0e131a;border:1px solid #2E3643;border-radius:8px;padding:8px}
