@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500&family=Fira+Code&family=IBM+Plex+Mono&display=swap";:root{color-scheme:dark;--bg: #050814;--bg-glow: #13356e;--panel: rgb(9 14 32 / 72%);--panel-border: rgb(123 163 255 / 24%);--text: #eef4ff;--muted: #9ba9c6;--accent: #72d4ff;--ok: #83e4a5;--danger: #ff9494;--motion-fast: .18s;--motion-standard: .32s}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Fira Code,system-ui;color:var(--text);background:#02030b;line-height:1.45}.oracle-experience{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(95% 95% at 50% 42%,rgb(24 54 128 / 32%) 0%,transparent 58%),linear-gradient(165deg,#03040bfa,#020612fa)}.crystal-canvas{position:absolute;inset:0;transform:scale(1.35);transition:transform .9s cubic-bezier(.2,.7,.18,1)}.crystal-canvas canvas{display:block;width:100%;height:100%}.orb-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 24%,rgb(2 4 15 / 45%) 58%,rgb(2 3 9 / 88%) 100%),radial-gradient(circle at 50% 115%,rgb(3 5 20 / 72%) 0%,transparent 52%);pointer-events:none}.experience-frame{position:absolute;inset:clamp(.7rem,1.8vw,1.4rem);padding:clamp(1rem,2.4vw,1.9rem);border:1px solid rgb(155 191 255 / 24%);border-radius:1.65rem;background:linear-gradient(175deg,#060a1975,#02061294);box-shadow:inset 0 0 0 1px #a2cbff14;display:grid;grid-template-rows:auto 1fr;pointer-events:auto;overflow:hidden;isolation:isolate}.experience-frame:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgb(90 224 90 / 15%) 0,rgb(90 224 90 / 15%) 2px,transparent 2px,transparent 6px);background-size:100% 6px;animation:pan-overlay 44s infinite linear;pointer-events:none;opacity:.42;z-index:0}.experience-frame>*{position:relative;z-index:1}.brand-row{text-align:center;transition:opacity .24s ease}#oracle-experience[data-state=result] .brand-row,#oracle-experience[data-state=error] .brand-row{text-align:left}.brand-title{margin:0;font-size:clamp(2rem,5vw,3rem);letter-spacing:.01em;font-family:Cinzel,serif}.orb-stage{display:grid;place-items:center;padding:clamp(.75rem,2vw,1.5rem) 0}.orb-shell{min-height:min(72vh,42rem);border:0;background:transparent;box-shadow:none;display:grid;place-items:center;position:relative}.orb-content{width:min(22rem,100%);max-height:100%;display:grid;align-content:center;text-align:center;transition:opacity .24s ease}#oracle-experience[data-state=result] .orb-content{width:min(52rem,92vw)}.orb-note{margin:0;color:var(--muted);font-size:clamp(.95rem,2.2vw,1.05rem);line-height:1.35}.form-meta{display:grid;gap:.3rem;text-align:left}#username-hint,#username-shortcut{margin:0;font-size:.76rem;line-height:1.25}#username-hint{display:none}.orb-form:focus-within+.form-meta #username-shortcut{display:none}.orb-form:focus-within+.form-meta #username-hint{display:block}.status-text[data-valid=valid]{color:var(--ok)}.status-text[data-valid=invalid]{color:var(--danger)}#username-shortcut{color:#bcd2f8d6}#username-shortcut kbd{font-family:IBM Plex Mono,monospace;font-size:.68rem;padding:.1rem .33rem;border-radius:.35rem;border:1px solid rgb(161 205 255 / 34%);background:#070f22d1;color:var(--text)}.ghost-inline{appearance:none;border:1px solid rgb(146 196 255 / 35%);border-radius:999px;background:#070f22b8;color:var(--muted);padding:.3rem .58rem;font-size:.76rem;font-family:IBM Plex Mono,monospace;cursor:pointer;transition:border-color var(--motion-fast) ease,color var(--motion-fast) ease}.ghost-inline:hover{color:var(--text);border-color:#addaffa8}.subtle-clear{padding:0;border:0;border-radius:0;background:transparent;color:#adc5ecc7;font-size:.68rem;letter-spacing:.02em;opacity:.8}.subtle-clear:hover{border-color:transparent;color:#deeefff5;opacity:1}.subtle-clear:focus-visible{outline:1px solid rgb(131 211 255 / 80%);outline-offset:3px;border-radius:.3rem}.recent-usernames-panel{display:grid;gap:.45rem}.recent-usernames-header{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.recent-usernames-title{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.recent-usernames-list{display:flex;gap:.4rem;flex-wrap:wrap}.recent-username-chip{appearance:none;border:1px solid rgb(142 187 255 / 34%);border-radius:999px;background:#071024b8;color:var(--muted);padding:.24rem .56rem;font-size:.74rem;font-family:IBM Plex Mono,monospace;cursor:pointer;transition:border-color var(--motion-fast) ease,color var(--motion-fast) ease}.recent-username-chip:hover{border-color:#addaffa8;color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.orb-form,#loading-panel,.form-meta,#home-note,#error-panel,#result-panel{opacity:0;max-height:0;overflow:hidden;transform:translateY(8px);transition:opacity var(--motion-standard) ease,transform .46s ease;pointer-events:none}.orb-input-shell{display:grid;grid-template-columns:1fr auto;gap:.42rem;padding:.3rem;border-radius:999px;background:#070e22d6;border:1px solid rgb(165 205 255 / 34%);box-shadow:0 0 0 1px #9dc2ff1a inset;align-items:center}.orb-input-shell input{appearance:none;border:0;background:transparent;color:var(--text);padding:.58rem .72rem;font-family:inherit;font-size:1rem;min-width:0;border-radius:20px}.orb-input-shell input::placeholder{color:#a8bae0b8}.orb-input-shell input:focus-visible{outline:none}.start-reading{appearance:none;border:0;width:2.15rem;height:2.15rem;border-radius:999px;background:linear-gradient(135deg,#337effe5,#47c6ffe5);color:#f7fbff;font-weight:700;cursor:pointer;transition:filter var(--motion-fast) ease,transform var(--motion-fast) ease,opacity var(--motion-fast) ease}.start-reading:hover{filter:brightness(1.15);transform:translateY(-1px)}.start-reading:disabled{opacity:.46;cursor:not-allowed;filter:saturate(.35)}.oracle-panel{padding:0;border-radius:1rem;border:0;background:#040a1ca3}.error-panel{padding:0}.error-panel .error-banner{margin:0}.result-panel{width:100%;max-height:min(64dvh,34rem);padding:0;position:relative}.result-scroll{max-height:min(64dvh,32rem);overflow:auto;padding:3.6rem 3rem 1.35rem;text-align:left;scrollbar-width:thin;scrollbar-color:rgb(121 165 245 / 68%) transparent}.go-back-button{appearance:none;position:absolute;top:.75rem;right:.75rem;height:2.2rem;padding:0 .85rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(146 196 255 / 36%);border-radius:999px;background:#05112285;backdrop-filter:blur(12px);color:#e4f2fff0;font-family:IBM Plex Mono,monospace;font-size:.78rem;letter-spacing:.04em;cursor:pointer;z-index:2;transition:background-color .18s ease,border-color .18s ease}.go-back-button:hover{background:#60d0ff38;border-color:#9addffb8}.go-back-button:focus-visible{outline:2px solid rgb(131 211 255 / 80%);outline-offset:2px}.result-panel .signal-grid{grid-template-columns:repeat(auto-fit,minmax(7.4rem,1fr))}.compact-actions{justify-content:center}.compact-actions button{font-size:.82rem;padding:.52rem .66rem}.status-eyebrow{margin:0;font-family:IBM Plex Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.status-text{margin:.5rem 0 0;color:var(--muted)}#oracle-experience[data-state=idle] .orb-form,#oracle-experience[data-state=idle] .form-meta,#oracle-experience[data-state=idle] #home-note{opacity:1;max-height:16rem;transform:translateY(0);pointer-events:auto}#oracle-experience[data-state=loading] #loading-panel{width:min(26rem,100%);margin-inline:auto;padding:.95rem;text-align:left;background:#040a1cb8;border:1px solid rgb(145 191 255 / 24%);opacity:1;max-height:min(40dvh,17rem);transform:translateY(0);pointer-events:auto}#oracle-experience[data-state=result] #result-panel{opacity:1;max-height:min(64dvh,34rem);transform:translateY(0);pointer-events:auto}#oracle-experience[data-state=error] #error-panel{padding:.72rem;opacity:1;max-height:min(40dvh,16rem);transform:translateY(0);pointer-events:auto}#oracle-experience[data-state=error] .orb-stage{align-items:start}#oracle-experience[data-state=error] .orb-content{align-content:start}#oracle-experience[data-state=loading] .brand-row,#oracle-experience[data-state=loading] .orb-content>:not(#loading-panel){opacity:0;pointer-events:none}#oracle-experience[data-state=loading] #home-title{visibility:hidden}#oracle-experience[data-state=loading] .crystal-canvas{transform:scale(2.1)}#oracle-experience[data-state=result] .crystal-canvas,#oracle-experience[data-state=error] .crystal-canvas{transform:scale(1.05)}.home-shell{display:grid;place-items:center;min-height:100vh;padding:clamp(1rem,2vw,2rem)}.glass-panel{width:min(42rem,100%);padding:clamp(1.3rem,2vw,2rem);border:1px solid var(--panel-border);border-radius:1.2rem;background:var(--panel);backdrop-filter:blur(9px);box-shadow:0 1.2rem 4rem #02051185,inset 0 0 0 1px #82b5ff0f}.badge{margin:0;font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}h1{margin:.35rem 0 0;font-size:clamp(2.2rem,7vw,4rem);line-height:1.02}.lead{margin:.9rem 0 0;max-width:36ch;color:var(--muted)}.oracle-form{display:grid;gap:.75rem;margin-top:1.35rem}.oracle-form label{font-family:IBM Plex Mono,monospace;font-size:.82rem;color:var(--muted)}.oracle-form input,.oracle-form select,.oracle-form button{appearance:none;border-radius:.75rem;border:1px solid rgb(151 185 255 / 26%);background:#0a1127d6;color:var(--text);padding:.75rem .82rem;font-family:inherit}.oracle-form button{margin-top:.3rem;background:linear-gradient(120deg,#3176ffd1,#3aaee3d1);color:#f7fbff;font-weight:600;cursor:pointer;opacity:1}.oracle-form input:focus-visible,.oracle-form button:focus-visible{outline:2px solid rgb(131 211 255 / 80%);outline-offset:2px}.error-banner{margin:.95rem 0 0;padding:.65rem .8rem;border:1px solid rgb(255 142 142 / 38%);border-radius:.65rem;background:#58171d70;color:#ffd4da;font-size:.92rem}.note{margin:.95rem 0 0;font-size:.92rem;color:var(--muted)}.loading-shell,.result-shell{display:grid;place-items:center;min-height:100vh;padding:clamp(1rem,2vw,2rem)}.loading-progress{margin-top:.65rem;height:.45rem;border-radius:999px;background:#79a5f529;overflow:hidden}#loading-progress-bar{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(var(--loading-progress, 0));background:linear-gradient(90deg,#6faafff0,#69e2ffeb);transition:transform .24s ease}.loading-meta{margin:.55rem 0 0;font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.03em;color:#bcd8ffc7}.loading-shell .loading-panel,.result-shell .result-panel{width:min(56rem,100%);border:1px solid var(--panel-border);border-radius:1.2rem;background:var(--panel);backdrop-filter:blur(9px);box-shadow:0 1.2rem 4rem #02051185,inset 0 0 0 1px #82b5ff0f}.loading-shell .loading-panel{text-align:center}.sigil{width:4rem;height:4rem;margin:1.5rem auto .5rem;border-radius:999px;border:2px solid rgb(114 212 255 / 50%);border-top-color:#72d4ff;animation:spin 1s linear infinite}.loading-status{margin:.2rem 0 0;color:var(--muted)}.loading-actions{justify-content:center}.signal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;margin-top:1.2rem}.signal-card{margin:0;padding:.7rem;border:0;border-radius:.75rem;background:#070d1d99;transition:transform .26s ease,background-color .26s ease}.signal-card:hover{transform:translateY(-2px);background:#0a1228b8}.signal-label{margin:0;font-family:IBM Plex Mono,monospace;font-size:.73rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.signal-value{margin:.35rem 0 0;font-size:.9rem}.prophecy-card{margin-top:1rem;padding:.95rem;border:0;border-radius:.85rem;background:#070d1d9e}#result-panel h2{margin:.5rem 0 0;font-size:clamp(1.35rem,3.8vw,1.95rem)}.prophecy-card p{margin:0}.prophecy-card p+p{margin-top:.8rem}.forecast-title{margin:0 0 .55rem;font-size:.98rem;font-family:IBM Plex Mono,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.action-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}.action-row button,.action-row a{appearance:none;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid rgb(151 185 255 / 26%);background:#0a1127d6;color:var(--text);padding:.72rem .82rem;font-family:inherit;font-size:.92rem;text-decoration:none;cursor:pointer}.action-row button:hover,.action-row a:hover{border-color:#9cd2ffb3}.action-row button:disabled{opacity:.45;cursor:not-allowed;border-color:#97b9ff42}.result-actions{margin-top:1.3rem}.result-meta{font-size:.84rem;color:#b4d4ffc7}#oracle-experience[data-state=result] .result-scroll>*{animation:reveal-up .36s cubic-bezier(.2,.7,.18,1) both}#oracle-experience[data-state=result] .result-scroll>:nth-child(2){animation-delay:24ms}#oracle-experience[data-state=result] .result-scroll>:nth-child(3){animation-delay:48ms}#oracle-experience[data-state=result] .result-scroll>:nth-child(4){animation-delay:72ms}#oracle-experience[data-state=result] .result-scroll>:nth-child(5){animation-delay:96ms}#oracle-experience[data-state=result] .result-scroll>:nth-child(6){animation-delay:.12s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pan-overlay{0%{background-position:0 0}to{background-position:0 -100%}}@keyframes reveal-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.experience-frame{inset:.45rem;padding:.8rem}.brand-title{font-size:clamp(1.9rem,12vw,2.8rem)}.orb-content{gap:.7rem}#username-shortcut,#username-hint{font-size:.7rem}.result-scroll{padding:3.4rem .95rem 1.15rem}.result-panel .signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.experience-frame:before,.sigil,#oracle-experience[data-state=result] .result-scroll>*{animation:none}*{transition-duration:1ms!important}.crystal-canvas{transform:none!important}}html,body{margin:0;width:100%;height:100%}