@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital@0;1&family=Space+Mono&display=swap";:root{--color-bg: #000;--color-bg-machine: #07000f;--color-bg-card: #0a0015;--color-bg-card-revealed: #0f0022;--color-accent: #7b2fff;--color-accent-muted: #8866bb;--color-text: #e8d5ff;--color-text-muted: #c9aaff;--color-border: #3a1a55;--color-border-dim: #3a1a5533;--color-reversed: #ff2f88;--color-placeholder: #44225555;--font-serif: "Crimson Text", serif;--font-mono: "Space Mono", monospace;--radius-card: 8px;--radius-sm: 3px;--shadow-glow: 0 0 18px #7b2fff44;--shadow-glow-border: 0 0 18px #7b2fff55}.machine{min-height:100vh;background:var(--color-bg-machine);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);color:var(--color-text);position:relative;overflow:hidden;padding:2rem}.orb{position:absolute;border-radius:50%;animation:drift linear infinite alternate;pointer-events:none;filter:blur(40px)}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(25px,18px) scale(1.12)}}.wrap{position:relative;z-index:10;max-width:620px;width:100%;text-align:center}.eye{font-size:2.8rem;animation:pulse 3s ease-in-out infinite;display:block;margin-bottom:.9rem}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.sub{font-style:italic;color:var(--color-accent-muted);font-size:1.05rem;margin-bottom:1.4rem}.hr{border:none;border-top:1px solid var(--color-border-dim);margin:1.2rem 0}.qlabel{font-size:.7rem;font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.6rem}.qtext{font-size:1.5rem;font-style:italic;color:var(--color-text);margin-bottom:1.2rem;line-height:1.4}.qhint{font-size:.78rem;color:#4256;font-style:italic;margin-top:.3rem;font-family:var(--font-mono)}.btn{background:transparent;border:1px solid var(--color-accent);color:var(--color-text-muted);padding:.65rem 1.5rem;font-family:var(--font-mono);font-size:.78rem;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:all .3s;display:inline-block}.btn:hover{background:#7b2fff22;box-shadow:var(--shadow-glow-border);border-color:var(--color-text-muted)}.spread-opt{border:1px solid var(--color-border);padding:.8rem 1.2rem;cursor:pointer;transition:all .3s;text-align:left;background:transparent;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-serif);color:var(--color-text);width:100%}.spread-opt:hover{border-color:var(--color-accent);background:#7b2fff11}.cards-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.25rem 0}.result-header{font-family:var(--font-serif);font-size:1rem;font-style:italic;color:var(--color-accent-muted);letter-spacing:.06em;margin-top:.5rem;margin-bottom:.75rem}.result-text{text-align:left;font-size:1.1rem;line-height:1.9;color:var(--color-text);white-space:pre-wrap;border-left:2px solid #7b2fff55;padding-left:1.2rem;margin-top:0}.loading-text{font-size:1.2rem;font-style:italic;color:var(--color-accent-muted);animation:flicker 1.5s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.4}}.ritual-textarea{width:100%;background:transparent;border:none;border-bottom:1px solid #7b2fff66;color:var(--color-text);font-family:var(--font-serif);font-size:1.2rem;padding:.5rem 0;resize:none;outline:none;text-align:center;min-height:50px}.ritual-textarea::placeholder{color:var(--color-placeholder)}.pdots{display:flex;justify-content:center;gap:8px;margin-top:1.5rem}.pdot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background .4s}.pdot.active{background:var(--color-accent)}.pdot.done{background:#c9aaff44}.glitch{position:relative;color:var(--color-text-muted)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%}.glitch:before{color:var(--color-reversed);animation:g1 3s infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch:after{color:#2fffff;animation:g2 3s infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes g1{0%,90%,to{transform:translate(0)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-1px,2px)}}@keyframes g2{0%,88%,to{transform:translate(0)}90%{transform:translate(3px,-1px)}93%{transform:translate(-2px,1px)}97%{transform:translate(1px,-2px)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg)}#root{min-height:100vh}