:root{--bg-0:#070614;--bg-1:#0b0a1a;--bg-2:#141232;--panel:#1613308c;--panel-solid:#16132f;--line:#c9a86a38;--line-strong:#c9a86a80;--gold:#c9a86a;--gold-bright:#e6cf95;--gold-deep:#8c7038;--text:#ece8f6;--muted:#a59ec6;--muted-deep:#6f6892;--danger:#e8927c;--font-display:"Cinzel", Georgia, serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--radius:14px;--radius-card:16px;--maxw:980px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text);background-color:var(--bg-1);background-image:radial-gradient(1200px 700px at 50% -10%, #3c307880, transparent 60%), radial-gradient(900px 600px at 85% 110%, #78503c2e, transparent 60%), linear-gradient(180deg, var(--bg-0), var(--bg-1) 40%, var(--bg-2));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed}body:before{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:radial-gradient(1.4px 1.4px at 20% 30%,#fffc,#0000),radial-gradient(1.2px 1.2px at 70% 20%,#ffffff8c,#0000),radial-gradient(1.6px 1.6px at 40% 70%,#e6cf95b3,#0000),radial-gradient(1px 1px at 85% 60%,#ffffff80,#0000),radial-gradient(1.1px 1.1px at 12% 80%,#ffffff73,#0000),radial-gradient(1.3px 1.3px at 60% 85%,#e6cf9580,#0000),radial-gradient(1px 1px at 90% 15%,#ffffff80,#0000);animation:7s ease-in-out infinite alternate twinkle;position:fixed;inset:0}@keyframes twinkle{0%{opacity:.35}to{opacity:.7}}#root{z-index:1;position:relative}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-weight:500}p{line-height:1.7}button{font-family:var(--font-sans);cursor:pointer}::selection{color:#fff;background:#c9a86a4d}.app{flex-direction:column;align-items:center;min-height:100%;padding:2.4rem 1.2rem 3rem;display:flex}.shell{width:100%;max-width:var(--maxw);flex-direction:column;align-items:center;display:flex}.brand{text-align:center;margin-bottom:2.4rem;animation:.9s both fadeUp}.brand__mark{letter-spacing:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;font-size:12px}.brand h1{background:linear-gradient(180deg, var(--gold-bright), var(--gold) 60%, var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,6vw,3.6rem)}.brand__sub{font-family:var(--font-serif);color:var(--muted);margin-top:.5rem;font-size:1.15rem;font-style:italic}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);width:100%;padding:2rem;animation:.7s both fadeUp;box-shadow:0 24px 60px -30px #000c}.eyebrow{letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-size:11px}.question__title{margin:.6rem 0 .3rem;font-size:1.6rem}.question__hint{font-family:var(--font-serif);color:var(--muted);margin:0 0 1.4rem;font-size:1.05rem}.field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:12px;display:block}.input{border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font-serif);resize:vertical;background:#07061499;border-radius:10px;min-height:56px;padding:.9rem 1rem;font-size:1.15rem;transition:border-color .25s,box-shadow .25s}.input:focus{border-color:var(--line-strong);outline:none;box-shadow:0 0 0 3px #c9a86a1f}.input::placeholder{color:var(--muted-deep)}.spread-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:.6rem;display:grid}@media (width<=540px){.spread-grid{grid-template-columns:1fr}}.spread-option{text-align:left;border:1px solid var(--line);color:var(--text);background:#07061473;border-radius:12px;padding:1rem 1.1rem;transition:border-color .25s,transform .25s,background .25s}.spread-option:hover{border-color:var(--line-strong);transform:translateY(-2px)}.spread-option[aria-pressed=true]{border-color:var(--gold);background:#c9a86a1a}.spread-option__name{font-family:var(--font-display);font-size:1.1rem;display:block}.spread-option__desc{color:var(--muted);margin-top:.2rem;font-size:.9rem}.row-between{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.toggle{color:var(--muted);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:.6rem;font-size:.92rem;display:inline-flex}.toggle input{accent-color:var(--gold);width:16px;height:16px}.btn{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--bg-0);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border:none;border-radius:999px;padding:.85rem 1.8rem;font-size:.95rem;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 30px -12px #c9a86ab3}.btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border:1px solid var(--line-strong);color:var(--gold);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:999px;padding:.7rem 1.5rem;font-size:.85rem;transition:background .2s,transform .2s}.btn-ghost:hover{background:#c9a86a1a;transform:translateY(-2px)}.shuffle{text-align:center;flex-direction:column;align-items:center;gap:1.6rem;padding:3rem 0;display:flex}.shuffle__deck{width:130px;height:200px;position:relative}.shuffle__deck .card-back{border-radius:var(--radius-card);position:absolute;inset:0}.shuffle__deck .card-back:first-child{animation:1.6s ease-in-out infinite shuffleA}.shuffle__deck .card-back:nth-child(2){animation:1.6s ease-in-out infinite shuffleB}.shuffle__deck .card-back:nth-child(3){animation:1.6s ease-in-out infinite shuffleC}@keyframes shuffleA{0%,to{transform:translate(0)rotate(-4deg)}50%{transform:translate(-46px,-10px)rotate(-12deg)}}@keyframes shuffleB{0%,to{transform:translate(0)rotate(0)}50%{transform:translateY(8px)rotate(2deg)}}@keyframes shuffleC{0%,to{transform:translate(0)rotate(4deg)}50%{transform:translate(46px,-10px)rotate(12deg)}}.shuffle__label{font-family:var(--font-serif);color:var(--muted);font-size:1.3rem;font-style:italic}.spread{flex-wrap:wrap;justify-content:center;gap:1.4rem;margin:1rem 0 1.6rem;display:flex}.card{perspective:1200px;cursor:pointer;background:0 0;border:none;width:150px;height:232px;padding:0}@media (width<=540px){.card{width:120px;height:188px}}.card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1);position:relative}.card.is-flipped .card__inner{transform:rotateY(180deg)}.card__face{backface-visibility:hidden;border-radius:var(--radius-card);position:absolute;inset:0;overflow:hidden}.card-back{border:1px solid var(--line-strong);background:repeating-linear-gradient(45deg,#c9a86a1f 0 6px,#0000 6px 12px),radial-gradient(circle at 50% 38%,#c9a86a47,#0000 55%),linear-gradient(160deg,#1a1640,#0c0a20);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 30px #0009}.card-back__sigil{border:1px solid var(--line-strong);width:64%;height:64%;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.card__front{border:1px solid var(--line-strong);background:#0e0b24;flex-direction:column;padding:6px;display:flex;transform:rotateY(180deg);box-shadow:inset 0 0 0 3px #c9a86a1a,0 18px 40px -20px #000000e6}.card__img{object-fit:cover;background:#1a1640;border-radius:8px;flex:1;width:100%;min-height:0;transition:transform .4s;display:block}.card__front.is-reversed .card__img{transform:rotate(180deg)}.card__caption{flex-direction:column;align-items:center;padding-top:5px;display:flex}.card__name{font-family:var(--font-display);color:var(--text);text-align:center;font-size:.76rem;line-height:1.15}.card__orient{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-deep);margin-top:2px;font-size:.56rem}.card-figure{flex-direction:column;align-items:center;gap:.5rem;display:flex}.card-figure__pos{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:11px}.reveal-hint{font-family:var(--font-serif);color:var(--muted);text-align:center;min-height:1.4em;margin-bottom:.4rem;font-style:italic}.interpretation{width:100%;margin-top:1rem;animation:.7s both fadeUp}.interpretation__body{font-family:var(--font-serif);color:#f3eeff;white-space:pre-wrap;font-size:1.22rem;line-height:1.85}.interpretation__body .cursor{width:9px;color:var(--gold);animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.meta-line{color:var(--muted-deep);flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin-top:1.4rem;font-size:.78rem;display:flex}.seed{color:var(--muted);font-family:ui-monospace,monospace}.actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.8rem;display:flex}.error-box{color:var(--danger);text-align:center;background:#e8927c14;border:1px solid #e8927c66;border-radius:12px;padding:1rem 1.2rem}.disclaimer{max-width:var(--maxw);text-align:center;color:var(--muted-deep);border-top:1px solid var(--line);margin-top:2.6rem;padding-top:1.4rem;font-size:.78rem;line-height:1.6}.disclaimer strong{color:var(--muted);font-weight:500}.brand__nav{justify-content:center;gap:1.4rem;margin-top:1.2rem;display:flex}.nav-link{color:var(--muted);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;background:0 0;border:none;padding:.3rem .2rem;font-size:.78rem;transition:color .2s;position:relative}.nav-link:hover{color:var(--gold-bright)}.nav-link.is-active{color:var(--gold)}.nav-link.is-active:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px;position:absolute;bottom:-4px;left:0;right:0}.diary-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.6rem;display:flex}.diary-title{margin-top:.3rem;font-size:1.5rem}.diary-empty{font-family:var(--font-serif);color:var(--muted);text-align:center;padding:2rem 1rem;font-size:1.15rem}.diary-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.diary-item{border:1px solid var(--line);background:#07061466;border-radius:12px;transition:border-color .25s;overflow:hidden}.diary-item:hover{border-color:var(--line-strong)}.diary-item__open{text-align:left;width:100%;color:inherit;background:0 0;border:none;padding:1.1rem 1.2rem .9rem;display:block}.diary-item__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.diary-item__spread{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:.8rem}.diary-item__date{color:var(--muted-deep);font-size:.78rem}.diary-item__question{font-family:var(--font-serif);color:var(--text);margin:.4rem 0 .8rem;font-size:1.18rem;line-height:1.5}.diary-item__cards{flex-wrap:wrap;gap:.4rem;display:flex}.diary-mini{object-fit:cover;border:1px solid var(--line);background:#1a1640;border-radius:4px;width:34px;height:53px}.diary-item__actions{border-top:1px solid var(--line);align-items:center;gap:.8rem;padding:.6rem 1.2rem .9rem;display:flex}.diary-confirm{color:var(--muted);font-size:.85rem;font-family:var(--font-serif);font-style:italic}.link-muted,.link-danger{letter-spacing:.04em;background:0 0;border:none;padding:.2rem .1rem;font-size:.82rem;transition:color .2s}.link-muted{color:var(--muted-deep)}.link-muted:hover{color:var(--muted)}.link-danger{color:var(--danger)}.link-danger:hover{filter:brightness(1.15)}.diary-foot{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:.9rem;margin-top:1.8rem;padding-top:1.4rem;display:flex}.gate-loading{font-family:var(--font-serif);color:var(--muted);text-align:center;padding:3rem 0;font-size:1.2rem;font-style:italic;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.gate{text-align:center;max-width:380px;margin:0 auto}.gate__title{margin:.5rem 0 .3rem;font-size:1.5rem}.gate__hint{font-family:var(--font-serif);color:var(--muted);margin:0 0 1.6rem;font-size:1.05rem}.gate__error{min-height:1.2em;color:var(--danger);margin:1rem 0 0;font-size:.9rem}.pin-dots{justify-content:center;gap:1.1rem;margin:.4rem 0 2rem;display:flex}.pin-dots.is-error{animation:.4s shake}.pin-dot{border:1px solid var(--line-strong);border-radius:50%;width:16px;height:16px;transition:background .2s,transform .2s,box-shadow .2s}.pin-dot.is-filled{background:linear-gradient(180deg, var(--gold-bright), var(--gold));border-color:var(--gold);transform:scale(1.1);box-shadow:0 0 12px -2px #c9a86ab3}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.keypad{grid-template-columns:repeat(3,1fr);gap:12px;max-width:280px;margin:0 auto;display:grid}.key{border:1px solid var(--line);height:66px;color:var(--text);font-family:var(--font-display);background:#07061473;border-radius:14px;justify-content:center;align-items:center;font-size:1.5rem;transition:background .18s,border-color .18s,transform .1s;display:flex}.key:hover{border-color:var(--line-strong);background:#c9a86a14}.key:active{transform:scale(.96)}.key:disabled{opacity:.5}.key--empty{pointer-events:none;background:0 0;border:none}.key--back{color:var(--muted)}.field-row{gap:12px;display:flex}.field-col{flex:1;min-width:0}@media (width<=460px){.field-row{flex-direction:column}}.field-opt{color:var(--muted-deep);text-transform:none;letter-spacing:0;font-size:11px}.input--line{resize:none;min-height:0}input.input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.chips{flex-wrap:wrap;gap:8px;margin-top:.4rem;display:flex}.chip{border:1px solid var(--line);color:var(--muted);font-size:.9rem;font-family:var(--font-serif);background:#07061473;border-radius:999px;padding:.5rem 1rem;transition:border-color .2s,background .2s,color .2s,transform .15s}.chip:hover{border-color:var(--line-strong);transform:translateY(-1px)}.chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold-bright);background:#c9a86a1f}.gate__privacy{color:var(--muted-deep);border-top:1px solid var(--line);margin:1.6rem 0 0;padding-top:1rem;font-size:.82rem;line-height:1.6}.brand__user{font-family:var(--font-serif);color:var(--muted);border-left:1px solid var(--line);align-items:center;gap:.5rem;margin-left:.2rem;padding-left:.6rem;font-size:.85rem;font-style:italic;display:inline-flex}.nav-link--exit{font-size:.7rem}.toast{z-index:10;background:var(--panel-solid);border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-serif);border-radius:999px;padding:.8rem 1.4rem;font-size:1.05rem;animation:.4s both toastIn;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -18px #000000e6}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}