@font-face{font-family:Montserrat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/reality-interface/fonts/montserrat-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/reality-interface/fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/reality-interface/fonts/montserrat-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1EFF,U+2020-2027,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/reality-interface/fonts/roboto-mono-latin.woff2) format("woff2")}:root{color-scheme:dark;--bg: #030d25;--surface: #081630;--line: #23385a;--text: #edf2ff;--muted: #a5b6d2;--quiet: #7f94b6;--cyan: #6adeff;--magenta: #ff67dc;--ink: #071329;--mono: "Roboto Mono", monospace;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.25, .4, .25, 1);font-family:Montserrat,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:280px;min-height:100svh;display:flex;flex-direction:column}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,a{touch-action:manipulation}a{color:inherit}button svg{flex-shrink:0;color:var(--magenta)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px;border-radius:5px}[hidden]{display:none!important}::selection{color:var(--bg);background:var(--cyan)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:20px;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;z-index:20;background:var(--cyan);color:var(--ink);border-radius:5px}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:16px}.ambient-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 50% 32%,#071632,#030d25 55%,#02081b)}body{isolation:isolate}.starfield{position:absolute;inset:0;width:100%;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:94px;margin:0 4.2vw;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:39px;height:39px;color:var(--cyan);transition:transform .7s var(--ease)}.brand>span{font-size:11px;font-weight:600;line-height:1.55;letter-spacing:.16em}.icon-button{border:1px solid var(--line);background:#09163080;color:var(--muted);display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;transition:color .25s,border-color .25s,background .25s}.icon-button svg{display:block;width:19px;height:19px}.header-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.lang-toggle{--language-cyan: #00CED1;display:flex;align-items:center;font-family:Roboto Mono,monospace;font-size:14px;border:1px solid color-mix(in srgb,var(--language-cyan) 25%,transparent);border-radius:5px;overflow:hidden}.lang-toggle .lang-opt{padding:5px 10px;letter-spacing:.06em;font:inherit;line-height:20px;color:#b0b0b0;background:none;border:none;cursor:pointer;transition:background .2s,color .2s}.lang-toggle .lang-opt.active{background:color-mix(in srgb,var(--language-cyan) 15%,transparent);color:var(--language-cyan)}.lang-toggle .lang-opt:focus-visible{outline:2px solid var(--language-cyan);outline-offset:-2px;border-radius:2px}.lang-divider{width:1px;height:20px;background:color-mix(in srgb,var(--language-cyan) 20%,transparent)}.sound-control{position:relative}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:128px;padding:10px 14px;border:1px solid #ff67dc65;border-radius:24px;background:#161b3de6;color:var(--text);font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 0 20px #ff67dc0c;transition:background-color .24s,border-color .24s,box-shadow .24s}.sound-toggle svg{display:block;width:19px;height:19px}.sound-toggle:hover,.sound-toggle:focus-visible{border-color:var(--magenta);background:#251c44;box-shadow:0 0 24px #ff67dc20}.sound-toggle[aria-pressed=true]{border-color:#ff67dcb3;background:#2b1a46;box-shadow:0 0 22px #ff67dc22}.sound-icon-on,.sound-toggle[aria-pressed=true] .sound-icon-off{display:none}.sound-toggle[aria-pressed=true] .sound-icon-on{display:block}.sound-status{position:absolute;top:calc(100% + 9px);right:0;width:220px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#0c1735;font-size:12px;line-height:1.6;color:var(--text);z-index:10;box-shadow:0 8px 24px #0005}.experience{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:0 0 80px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-workspace{width:100%;max-width:960px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.stage{height:440px;position:relative;display:grid;place-items:center;isolation:isolate}.deck{width:274px;aspect-ratio:4 / 5;position:relative}.deck-layer{position:absolute;inset:0;background:#030e27;border:1px solid #102437;border-radius:10px;transform-origin:50% 90%;transition:transform .65s var(--spring),opacity 324ms ease}.deck-layer--third{transform:translate(14px,7px) rotate(6deg);background:#020b21;border-color:#102136}.deck-layer--second{transform:translate(-12px,3px) rotate(-5deg)}.card-shell{position:absolute;inset:0;border-radius:9px;transform-origin:center;perspective:1500px}.card-shell:before{content:"";position:absolute;inset:8% 3% -18px;border-radius:20px;background:#0009;filter:blur(22px);pointer-events:none}.card-body{--tilt-x: 2deg;--tilt-y: -5deg;--shine-x: 35%;--shine-y: 22%;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(calc(180deg + var(--tilt-y))) rotate(-.6deg)}.card-body[data-tilting=true]{transition:transform .38s var(--ease)}.card-reverse,.card-front{position:absolute;inset:0;overflow:hidden;border-radius:9px;background:#030e27;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-reverse{transform:rotateY(180deg) translateZ(3px)}.card-front{transform:translateZ(3px)}.card-front:after,.card-reverse:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#dcefff16,transparent 62%),linear-gradient(125deg,#d6ecff10,transparent 28%,transparent 75%,#080b2414);box-shadow:inset 0 1px #e6f1ff66,inset 1px 0 #d5e9ff30,inset -1px -1px #0009}.card-edge{position:absolute;background:repeating-linear-gradient(0deg,#526179 0 1px,#273249 1px 2px,#3e4960 2px 3px);backface-visibility:visible}.card-edge--left,.card-edge--right{top:5px;bottom:5px;width:6px;transform:rotateY(90deg)}.card-edge--left{left:-3px}.card-edge--right{right:-3px}.card-edge--top,.card-edge--bottom{left:5px;right:5px;height:6px;transform:rotateX(90deg)}.card-edge--top{top:-3px}.card-edge--bottom{bottom:-3px}.experience:is([data-phase=revealed],[data-phase=reading]) .card-body{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-.6deg)}[data-motion=reduced] .card-body{transform:rotateY(180deg)}[data-motion=reduced] .experience:is([data-phase=drawing],[data-phase=revealed],[data-phase=reading]) .card-body{transform:none}.card-back{position:absolute;inset:0;width:100%;height:100%;background:#030e27}.card-front{opacity:0}.card-front img,.card-front video{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.image-fallback{position:absolute;inset:0;display:flex;gap:20px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;line-height:1.7;color:var(--cyan);font-size:14px}.image-fallback svg{width:44px;height:44px}.draw-light{position:absolute;inset:0;pointer-events:none;z-index:-1;display:grid;place-items:center}.draw-light i{position:absolute;opacity:0;border-radius:50%}.light-aura{width:min(640px,98vw);aspect-ratio:1;background:radial-gradient(ellipse,#c0efffcc 0%,#58c8ff88 22%,#258cff3a 44%,#245dbc12 60%,transparent 74%)}.light-ring{width:min(560px,88vw);aspect-ratio:1;border:3px solid #9ceaff;box-shadow:0 0 18px #4bbdffbb,inset 0 0 18px #4bbdff99;filter:blur(2px)}.light-ring--second{width:min(610px,96vw);border-width:2px;border-color:#70bfff;box-shadow:0 0 28px #328fff99;filter:blur(4px)}.light-core{width:325px;height:390px;background:#65caff88;filter:blur(27px)}.mode-section{width:min(900px,100%)}.mode-picker{border:0;padding:0;margin:0;min-width:0}.mode-picker legend{width:100%;text-align:center;padding:0;margin-bottom:22px;color:var(--muted);font-size:14px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mode-option{position:relative;cursor:pointer;min-width:0}.mode-option input{position:absolute;opacity:0;width:1px;height:1px}.mode-surface{display:flex;position:relative;min-height:108px;height:100%;align-items:center;gap:15px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#081730e8;transition:border-color .24s ease,background-color .24s ease,transform 324ms var(--spring),box-shadow 324ms ease}.mode-icon{display:grid;place-items:center;flex-shrink:0;width:33px;height:38px;color:var(--magenta);transition:color .24s ease,transform 524ms var(--spring)}.mode-icon>svg{width:30px;height:30px;overflow:visible}.mode-copy{display:flex;flex-direction:column;gap:7px}.mode-title{font-size:17px;font-weight:500;letter-spacing:-.02em}.mode-subtitle{font-size:13px;line-height:1.5;color:var(--muted)}.mode-check{display:grid;position:absolute;top:8px;right:9px;width:19px;height:19px;place-items:center;opacity:0;transform:scale(.5);color:var(--magenta);transition:opacity .2s ease,transform 324ms var(--spring)}.mode-check svg{width:15px;height:15px}.mode-option input:checked+.mode-surface{border-color:#598fc8;background:#102950eb;box-shadow:0 0 24px #438cff20,inset 0 0 20px #8fc5ff08}.mode-option input:checked+.mode-surface .mode-check{opacity:1;transform:scale(1)}.mode-option input:focus-visible+.mode-surface{outline:2px solid var(--cyan);outline-offset:4px}.mode-option input:disabled+.mode-surface{cursor:default}.icon-sun-rays,.icon-sun-core,.icon-diamond,.icon-center{transform-origin:12px 12px}[data-motion=full] .icon-sun-rays{animation:sun-orbit 18s linear infinite}[data-motion=full] .icon-sun-core{animation:symbol-breathe 3.6s ease-in-out infinite}[data-motion=full] .icon-diamond{animation:diamond-breathe 4s ease-in-out infinite}[data-motion=full] .icon-center{animation:symbol-breathe 4s ease-in-out infinite reverse}[data-motion=full] .icon-day{animation:day-flow 3.2s ease-in-out infinite}[data-motion=full] .icon-day--two{animation-delay:.35s}[data-motion=full] .icon-day--three{animation-delay:.7s}[data-motion=full] .icon-day--four{animation-delay:1.05s}[data-motion=full] .mode-option input:checked+.mode-surface .icon-sun-rays{animation-duration:9s}[data-motion=full] .mode-option input:checked+.mode-surface .icon-diamond{animation-duration:2.4s}[data-motion=full] .mode-option input:checked+.mode-surface .icon-day{animation-duration:2.4s}@keyframes sun-orbit{to{transform:rotate(360deg)}}@keyframes symbol-breathe{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes diamond-breathe{0%,to{transform:scale(.92);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes day-flow{0%,65%,to{opacity:.35}30%{opacity:1;stroke-width:2.4}}.selection-actions{margin-top:25px;text-align:center}.draw-button{position:relative;overflow:hidden;min-height:54px;min-width:282px;padding:16px 22px;border:1px solid #4985b8;border-radius:5px;background:#143768;color:var(--text);display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:14px;font-weight:600;transition:background-color .24s ease,border-color .24s ease,box-shadow 324ms ease,transform 324ms var(--spring)}.draw-button:before{content:"";position:absolute;top:0;bottom:0;width:45%;left:-50%;background:linear-gradient(110deg,transparent,#ffffff70,transparent);transform:skew(-15deg);pointer-events:none}.draw-button svg{width:20px;height:20px;transition:transform 324ms var(--spring)}.draw-button:disabled{background:#0b1830e6;color:#8a9bb9;border-color:var(--line);font-weight:400}.draw-button:disabled svg{opacity:.4}.draw-button:active:not(:disabled){transform:translateY(1px) scale(.98)}.preparation{width:min(530px,100%);font-size:18px;text-align:center;transition:opacity 324ms ease}.preparation .eyebrow{margin:0 0 12px}.preparation h2,.preparation-guide,.intention{font-size:inherit;line-height:1.7;text-wrap:pretty}.preparation h2{font-weight:500;margin:0 0 16px}.preparation h2:focus,.reading h2:focus{outline:none}.preparation-guide{color:var(--muted);margin:0 auto}.intention{font-weight:400;color:#dce8ff;margin:22px auto 27px}.result-actions{text-align:center;margin-top:20px}.navigation-actions{margin-top:10px}.text-button{padding:10px 0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;color:var(--muted);min-height:44px;transition:color .2s ease}.text-button svg{width:16px;height:16px;transition:transform 324ms var(--spring)}.reading{min-width:0;max-width:440px;text-align:left;padding:10px 0 10px 35px}.reading-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.eyebrow{font:10px var(--mono);line-height:1.7;letter-spacing:.1em;color:var(--cyan)}.reading-tag{font:9px var(--mono);letter-spacing:.1em;color:var(--quiet);margin:0 0 9px}.reading h2{font-size:35px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin:0 0 18px}.meaning-text,.reflection p,.card-action p{font-size:clamp(16px,1.2vw,18px);font-weight:400;line-height:1.75;letter-spacing:normal;overflow-wrap:anywhere;color:#c5d2e8;margin:0}.meaning-text,#reflection-question{white-space:pre-line}.reflection p{color:var(--text)}.reflection,.card-action{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.reading-label{display:flex;align-items:center;gap:8px;text-transform:uppercase}.reading-icon{display:block;width:15px;height:15px;flex:0 0 15px}[data-motion=full] .experience[data-phase=reading] .reading-icon{animation:reading-icon-pulse 4s ease-in-out infinite}@keyframes reading-icon-pulse{0%,to{opacity:.55}50%{opacity:1}}.media-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.media-controls button{font-size:12px}#video-toggle[aria-pressed=true] .video-play-icon,#video-toggle[aria-pressed=false] .video-pause-icon{display:none}.media-status{max-width:500px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.noscript-note{color:var(--cyan);padding:16px;font-size:14px;text-align:center}.experience[data-phase=prepare] .stage{height:355px}.experience[data-phase=prepare] .deck{width:230px}.experience[data-phase=drawing] .deck-layer{opacity:0;transform:scale(.97)}.experience[data-phase=drawing] :is(.result-actions,.media-controls){visibility:hidden;pointer-events:none}.experience[data-phase=revealed] .card-front,.experience[data-phase=reading] .card-front{opacity:1}.experience:is([data-phase=drawing],[data-phase=revealed],[data-phase=reading]) .deck{width:min(440px,100%)}.experience:is([data-phase=drawing],[data-phase=revealed],[data-phase=reading]) .stage{height:auto;min-height:0;padding:24px 0 12px;align-items:start}.experience[data-phase=revealed] .deck-layer,.experience[data-phase=reading] .deck-layer{opacity:0;transform:none}.experience[data-phase=reading] .card-workspace{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:35px;padding:12px 0}.experience[data-phase=reading] .result-actions{display:none}@media(hover:hover)and (pointer:fine){.mode-option:hover .mode-surface{background:#10294bea;border-color:#598fc8;box-shadow:0 0 25px #438cff20}.mode-option:has(input:checked):hover .mode-surface{background:#153660eb;border-color:var(--cyan)}.draw-button:hover:not(:disabled){box-shadow:0 0 30px #439fff30,0 12px 25px #0003;background:#1b467b;border-color:var(--cyan)}.text-button:hover,.icon-button:hover{color:var(--cyan)}[data-motion=full] .brand:hover .brand-mark{transform:rotate(90deg)}[data-motion=full] .mode-option:hover .mode-surface{transform:translateY(-7px)}[data-motion=full] .mode-option:hover .mode-icon{transform:scale(1.16)}[data-motion=full] .draw-button:hover:not(:disabled){transform:translateY(-3px)}[data-motion=full] .draw-button:hover:not(:disabled):before{animation:button-sheen .7s ease}[data-motion=full] .draw-button:hover:not(:disabled) svg{transform:translate(5px)}[data-motion=full] .text-button:hover svg{transform:translate(-3px)}[data-motion=full] .experience:is([data-phase=choose],[data-phase=ready]) .deck:hover .deck-layer--third{transform:translate(26px,10px) rotate(11deg)}[data-motion=full] .experience:is([data-phase=choose],[data-phase=ready]) .deck:hover .deck-layer--second{transform:translate(-22px,5px) rotate(-9deg)}}@keyframes button-sheen{to{left:125%}}@media(max-width:900px){.mode-surface{padding:18px 14px;gap:11px}.mode-subtitle{font-size:12px}.experience[data-phase=reading] .card-workspace{grid-template-columns:minmax(0,1fr);gap:0}.reading{width:100%;margin:10px auto 0;padding:20px 0 0}}@media(max-width:680px){.app-header{min-height:116px;margin-inline:22px}.header-controls{flex-direction:column;align-items:stretch;gap:6px;padding-block:12px}.lang-toggle{align-self:flex-end}.sound-toggle{width:100%}.brand{gap:9px}.brand-mark{width:34px;height:34px}.brand>span{font-size:9px}.experience{width:calc(100% - 40px);padding:0 0 36px}.stage{height:326px}.deck{width:214px}.mode-section{max-width:430px}.mode-picker legend{margin-bottom:16px}.mode-grid{grid-template-columns:1fr;gap:9px}.mode-surface{min-height:72px;padding:11px 16px;gap:16px}.mode-icon{width:30px;height:32px}.mode-icon>svg{width:28px;height:28px}.mode-copy{gap:4px;padding-right:22px}.mode-title{font-size:16px}.mode-subtitle{font-size:13px}.mode-check{top:50%;margin-top:-9px;right:12px}.selection-actions{width:100%;max-width:430px;margin-top:21px}.draw-button{width:100%;min-width:0;min-height:54px;padding-inline:20px}.preparation{max-width:430px;font-size:16px}.intention{margin:18px auto 23px}.experience[data-phase=prepare] .stage{height:285px}.experience[data-phase=prepare] .deck{width:188px}.light-core{width:230px;height:275px;filter:blur(23px)}.result-actions{width:100%;max-width:430px;margin-top:14px}.text-button{font-size:13px}.experience[data-phase=reading] .card-workspace{grid-template-columns:minmax(0,1fr);gap:0;padding:5px 0 13px}.reading{max-width:430px;width:100%;margin:10px auto 0;padding:20px 0 0}.reading-top{margin-bottom:18px}.reading h2{font-size:31px}}@media(max-width:374px){.app-header{margin-inline:14px;gap:8px}.brand{gap:7px}.brand-mark{width:28px;height:28px}.header-controls{gap:4px}.sound-toggle{min-width:102px;padding-inline:9px;gap:6px;font-size:11px}.sound-toggle svg{width:17px;height:17px}.stage{height:293px}.deck{width:194px}.mode-surface{min-height:72px}.mode-subtitle{font-size:12px}}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{transition:none!important;scroll-behavior:auto!important}[data-visible=false] *,[data-visible=false] *:before,[data-visible=false] *:after{animation-play-state:paused!important}.mode-cooldown{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}.mode-option[data-locked=true] .mode-cooldown{color:var(--magenta)}.storage-status{max-width:540px;margin:16px auto;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}.reflection p,.card-action p{margin:12px 0 0}
