:root{--ground: #05070c;--field: #070a11;--edge: rgba(148, 163, 184, .11);--ink: #e7ecf4;--reject-ink: rgba(148, 163, 184, .8);--anchor-ink: rgba(148, 163, 184, .74);--glyph-ink: rgba(148, 163, 184, .68);--glyph-edge: rgba(148, 163, 184, .24);--ink-bright: rgba(210, 222, 240, .96);--chrome-glow: 0 0 14px rgba(150, 180, 225, .28);--dilemma-glow: 1.2;--dilemma-haze: 1;--essay-glow: .4;--essay-breath: 0;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:JetBrains Mono,ui-monospace,monospace;overscroll-behavior:none;-webkit-font-smoothing:antialiased}.screen{height:100dvh;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom)) 14px;gap:14px;-webkit-user-select:none;user-select:none}.field{position:relative;flex:1 1 auto;min-height:0;border:1px solid var(--edge);border-radius:22px;overflow:hidden;background:radial-gradient(120% 90% at 50% 12%,rgba(56,78,122,.16),transparent 70%),var(--field)}.field canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.dilemma{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(88%,30rem);margin:0;padding:0;text-align:center;pointer-events:none;font-family:Cormorant Garamond,Times New Roman,serif;font-weight:300;font-size:clamp(1.45rem,6.2vw,2.1rem);line-height:1.34;letter-spacing:.005em;color:#f0f4faf0;text-shadow:0 0 2px rgba(214,232,255,calc(.34 * var(--dilemma-glow))),0 0 6px rgba(180,205,245,calc(.2 * var(--dilemma-glow))),0 0 15px rgba(150,180,225,calc(.11 * var(--dilemma-glow))),0 0 30px rgba(5,7,12,.86),0 0 66px rgba(5,7,12,.78);animation:dilemma-breath 7s ease-in-out infinite}@keyframes dilemma-breath{0%,to{text-shadow:0 0 2px rgba(214,232,255,calc(.34 * var(--dilemma-glow))),0 0 6px rgba(180,205,245,calc(.2 * var(--dilemma-glow))),0 0 15px rgba(150,180,225,calc(.11 * var(--dilemma-glow))),0 0 30px rgba(5,7,12,.86),0 0 66px rgba(5,7,12,.78)}50%{text-shadow:0 0 calc(2px + 9px * var(--dilemma-haze)) rgba(214,232,255,calc(.17 * var(--dilemma-glow))),0 0 calc(6px + 24px * var(--dilemma-haze)) rgba(180,205,245,calc(.135 * var(--dilemma-glow))),0 0 calc(15px + 48px * var(--dilemma-haze)) rgba(150,180,225,calc(.085 * var(--dilemma-glow))),0 0 30px rgba(5,7,12,.86),0 0 66px rgba(5,7,12,.78)}}@media (prefers-reduced-motion: reduce){.dilemma,.essay-body{animation:none}}.anchor{position:absolute;bottom:14px;font-size:9.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--anchor-ink);text-shadow:var(--chrome-glow);pointer-events:none}.anchor-no{left:16px}.anchor-yes{right:16px}.affordances{flex:0 0 auto;display:grid;grid-template-columns:2.25rem 1fr 2.25rem;align-items:center;gap:10px;padding:0 4px}.glyph{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid var(--glyph-edge);border-radius:999px;background:transparent;color:var(--glyph-ink);cursor:pointer;padding:0;transition:color .24s ease,border-color .24s ease,opacity .32s ease}.glyph svg{filter:drop-shadow(0 0 7px rgba(150,180,225,.3))}.glyph:hover{color:var(--ink-bright);border-color:#94a3b86b}.glyph[hidden]{display:none}.reject{background:none;border:0;padding:8px 4px;font-family:inherit;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--reject-ink);text-shadow:var(--chrome-glow);cursor:pointer;transition:color .24s ease}.reject:hover{color:var(--ink-bright)}.reject:disabled{cursor:default}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#04060af7;display:flex;flex-direction:column;animation:rise .42s cubic-bezier(.16,1,.3,1)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.sheet-bar{flex:0 0 auto;display:flex;justify-content:flex-end;padding:max(14px,env(safe-area-inset-top)) 16px 6px}.essay{flex:1 1 auto;overflow-y:auto;padding:8px clamp(18px,6vw,40px) 28px;-webkit-overflow-scrolling:touch}.essay-body{max-width:34rem;margin:0 auto;font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(1.15rem,4.4vw,1.4rem);font-weight:300;line-height:1.72;color:#e2e8f0e6;text-shadow:0 0 5px rgba(198,220,255,calc(.3 * var(--essay-glow))),0 0 22px rgba(150,180,225,calc(.16 * var(--essay-glow)));animation:essay-breath 7s ease-in-out infinite}@keyframes essay-breath{0%,to{text-shadow:0 0 5px rgba(198,220,255,calc(.3 * var(--essay-glow))),0 0 22px rgba(150,180,225,calc(.16 * var(--essay-glow)))}50%{text-shadow:0 0 6px rgba(198,220,255,calc(.3 * (var(--essay-glow) + var(--essay-breath)))),0 0 26px rgba(150,180,225,calc(.16 * (var(--essay-glow) + var(--essay-breath))))}}.essay-body p{margin:0 0 1.15em}.share{flex:1 1 auto;display:grid;place-items:center;padding:0 clamp(18px,6vw,40px) 12vh}.share-code{display:block;width:min(300px,74vw);min-width:190px}.share-code-dots,.share-code-finders rect{fill:#d6e6fff0}.share-code-finders rect[fill=none]{fill:none;stroke:#d6e6fff0}.share-code-glow{fill:#96b4e129}.share-code-mark{color:#d6e6ffb8}
