.reflect-page{max-width:1000px;padding:var(--s-6) var(--gutter) var(--s-8);gap:var(--s-6);margin:0 auto;display:grid}.reflect-page>*,.oracle>*{min-width:0}.reflect-page h1,.reflect-page h2,.reflect-page p{margin:0}.oracle{max-width:1000px;padding:var(--s-6) var(--gutter) var(--s-8);gap:var(--s-6);margin:0 auto;display:grid}.oracle h1,.oracle p{margin:0}.oracle-head{gap:var(--s-2);text-align:center;display:grid}.oracle-stage{justify-items:center;gap:var(--s-5);padding:var(--s-5) 0;background:radial-gradient(circle at 50% 45%,#e8c77a14,#0000 60%);display:grid}.oracle-card{aspect-ratio:2/3;perspective:1200px;cursor:pointer;filter:drop-shadow(0 18px 40px #0009)drop-shadow(0 0 30px #e8c77a1f);background:0 0;border:0;width:min(260px,64vw);padding:0;animation:6s ease-in-out infinite hover-card}.oracle-card:disabled{cursor:default}@keyframes hover-card{50%{translate:0 -8px}}.oracle-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s var(--ease-instrument);display:block;position:relative;transform:rotateY(-8deg)rotateX(4deg)}.oracle-card:not([data-flipped=true]):hover .oracle-card-inner{transform:rotateY(8deg)rotateX(4deg)}.oracle-card[data-flipped=true] .oracle-card-inner{transform:rotateY(180deg)}.oracle-side{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.oracle-side svg{width:100%;height:100%;display:block}.oracle-side-front{transform:rotateY(180deg)}.oracle-numeral{font:500 9px var(--font-mono);letter-spacing:.2em;fill:var(--gold)}.oracle-name{font:300 12px var(--font-display);fill:var(--starlight)}.oracle-reading{gap:var(--s-4);text-align:center;max-width:var(--reading);animation:fade var(--d-slow) var(--ease-instrument);justify-items:center;margin:0 auto;display:grid}.oracle-message{gap:var(--s-2);font-size:1.125rem;line-height:1.6;display:grid}.oracle-question{font:italic 300 1.6rem/1.3 var(--font-display);color:var(--gold)}.oracle-actions{gap:var(--s-3);flex-wrap:wrap;justify-content:center;display:flex}.oracle-row,.oracle-deck{gap:var(--s-3);margin-top:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(86px,1fr));display:grid}.oracle-row{grid-template-columns:repeat(7,minmax(72px,1fr));overflow-x:auto}.oracle-mini{color:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid}.oracle-mini svg{width:100%;height:auto;display:block}.oracle-hidden{opacity:.4;cursor:default}.journal-prompt{gap:var(--s-3);justify-items:start;display:grid}.journal-tools{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.journal-tools input[type=search]{min-width:180px;min-height:var(--tap);padding:0 var(--s-3);background:var(--abyss);border:1px solid var(--engraving-strong);color:var(--starlight);font:inherit;flex:1}.journal-list{margin:0;padding:0;list-style:none;display:grid}.journal-item{gap:var(--s-2) var(--s-4);padding:var(--s-4) 0;border-bottom:1px solid var(--engraving);color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;grid-template-columns:1fr auto;width:100%;text-decoration:none;display:grid}.journal-first{font:300 1.4rem/1.3 var(--font-display);color:var(--starlight);grid-column:1/-1}.journal-write{z-index:90;background:var(--void);padding:calc(var(--s-5) + env(safe-area-inset-top)) var(--gutter) calc(var(--s-4) + env(safe-area-inset-bottom));gap:var(--s-4);grid-template-rows:auto 1fr auto;max-width:820px;margin:0 auto;display:grid;position:fixed;inset:0}.journal-write textarea{resize:none;width:100%;height:100%;color:var(--starlight);font:300 1.5rem/1.6 var(--font-display);background:0 0;border:0;outline:none}.journal-write-top,.journal-write-bottom{gap:var(--s-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.journal-write-prompt{color:var(--gold);font:500 var(--t-mono) var(--font-mono);letter-spacing:var(--mono-tracking);text-transform:uppercase;max-width:60ch;line-height:1.6}.moods{gap:var(--s-2);flex-wrap:wrap;display:flex}.journal-gentle{border:1px solid var(--aurora);padding:var(--s-4);gap:var(--s-2);display:grid}.intention-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.intention-card{gap:var(--s-3);grid-template-columns:1fr 72px;align-content:start;display:grid}.intention-card>:not(.progress-ring){grid-column:1}.intention-card .progress-ring{grid-area:1/2/span 3}.intention-title{font:300 1.5rem/1.25 var(--font-display);color:var(--starlight)}.progress-ring circle{fill:none;stroke-width:4px}.progress-ring text{font:500 14px var(--font-mono);fill:var(--gold)}.form-steps{gap:var(--s-4);display:grid}.form-steps label{gap:var(--s-2);display:grid}.form-steps input,.form-steps textarea{min-height:var(--tap);padding:var(--s-2) var(--s-3);background:var(--void);border:1px solid var(--engraving-strong);color:var(--starlight);font:inherit}.form-steps textarea{resize:vertical;min-height:96px}.checkins{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.moon-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.moon-dow{text-align:center;font:500 10px var(--font-mono);letter-spacing:.12em;color:var(--dust);text-transform:uppercase}.moon-day{border:1px solid var(--engraving);justify-items:center;gap:2px;min-width:0;padding:6px 2px;display:grid}.moon-day[data-today=true]{border-color:var(--gold)}.moon-day[data-event=new],.moon-day[data-event=full]{background:var(--abyss-raised)}.moon-day svg{width:min(34px,100%);height:auto}.moon-day-n{font:500 11px var(--font-mono);color:var(--starlight)}.moon-day-sign{color:var(--dust);line-height:0}.moon-nav{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.moon-events{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.moon-text{max-width:var(--reading);gap:var(--s-3);display:grid}.moon-cal{gap:var(--s-4);display:grid}.moon-dial{justify-self:center;width:min(520px,100%)}.dial-day{font:500 9px var(--font-mono);fill:var(--dust)}.dial-day[data-today=true]{fill:var(--gold)}.dial-month{font:300 30px var(--font-display);fill:var(--starlight)}.dial-year{font:500 11px var(--font-mono);letter-spacing:.2em;fill:var(--gold)}
