:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#160e14;--plum:#22131b;--paper:#f7e6d4;--gold:#efbf84;--gold-light:#ffdbad;--muted:#c2a89d;--line:#503431;--serif:"Songti SC", "Noto Serif CJK SC", SimSun, serif;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--ink);min-width:280px;color:var(--paper);margin:0}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2{margin:0}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.site{background:radial-gradient(ellipse 640px 530px at 73% 24%, #341a25 0%, transparent 83%), radial-gradient(ellipse 560px 480px at 14% 8%, #24131b 0%, transparent 84%), var(--ink);min-height:100svh}.wrap{width:min(1160px,100% - 104px);margin-inline:auto}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:86px;display:flex}.brand{font-family:var(--serif);letter-spacing:.045em;align-items:center;gap:12px;font-size:19px;font-weight:800;line-height:1.2;display:inline-flex}.brand-mark,.trigram-seal{outline-offset:-5px;color:#ffdfb8;width:39px;height:39px;font-family:var(--serif);background:#862e2b;border:1px solid #c77758;border-radius:8px;outline:1px solid #d7976a80;flex:0 0 39px;place-items:center;font-size:23px;font-weight:800;display:grid}.brand-subtitle{color:var(--muted);letter-spacing:.23em;margin-top:3px;font:500 10px/1.1 system-ui,sans-serif;display:block}.header-kicker{color:var(--gold);font:650 12px/1.2 var(--serif);letter-spacing:.17em}.hero{grid-template-columns:.95fr 1.05fr;grid-template-areas:"copy art""controls art";column-gap:clamp(16px,3.5vw,55px);padding-block:clamp(30px,4.4vw,64px);display:grid}.hero-copy{grid-area:copy;align-self:end;min-width:0}.hero-art{grid-area:art;align-self:center;width:min(100%,570px);margin-inline:auto}.compass-button{isolation:isolate;touch-action:manipulation;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.compass-button:disabled{cursor:wait}.compass-button:before{z-index:-1;content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#f2ae6259 37%,#d5704140 58%,#0000 74%);border-radius:50%;position:absolute;inset:1%}.hero[data-phase=lighting] .compass-button:before{opacity:.6}.hero[data-phase=seeking] .compass-button:before{opacity:.8}.hero[data-phase=sealing] .compass-button:before{opacity:1}.hero[data-phase=settled] .compass-button:before{opacity:.52}.eyebrow{color:var(--gold);letter-spacing:.21em;align-items:center;gap:10px;font-size:12px;font-weight:680;display:flex}.spark{background:var(--gold);flex:0 0 7px;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 12px #ee9b6975}.hero h1{font-family:var(--serif);letter-spacing:-.07em;margin-block:18px;font-size:clamp(48px,6.5vw,92px);font-weight:850;line-height:1.15}.hero-title,.hero-subtitle{align-items:center;display:grid}.hero-layer{grid-area:1/1}.hero-layer[aria-hidden=true]{visibility:hidden}.hero h1 em{color:var(--gold);font-style:normal}.hero .direction-title{color:var(--gold-light);text-shadow:0 0 40px #e3944e64;white-space:nowrap;font-size:clamp(64px,9vw,128px);line-height:1.1}.hero-title:focus{outline:none}.hero-description{max-width:26em;color:var(--muted);font-size:16px;line-height:1.85}.hero-blessing{color:#662d24;min-block-size:calc(1.4em + 14px);font:800 clamp(20px, 2.6vw, 28px)/1.4 var(--serif);white-space:nowrap;background:linear-gradient(105deg,#e3a565,#ffe6b9 48%,#e9b077);border:1px solid #ffe0aa;border-radius:3px;justify-self:start;align-items:center;gap:8px;padding:6px 13px;display:flex;box-shadow:inset 0 0 0 2px #9150293b,0 0 20px #e49c5538}.hero-blessing:before,.hero-blessing:after{content:"";background:#8c442e;width:4px;height:4px;transform:rotate(45deg)}.compass-prompt{min-height:58px;color:var(--gold-light);font:750 17px/1.35 var(--serif);letter-spacing:.07em;flex-direction:column;grid-area:controls;justify-content:center;align-self:start;align-items:flex-start;gap:8px;margin-top:27px;display:flex}.ceremony-steps{color:var(--muted);align-items:center;gap:6px;font:600 11px/1.3 system-ui,sans-serif;display:flex}.ceremony-steps span{align-items:center;gap:6px;display:flex}.ceremony-steps span:before{content:"";border:1px solid #a27961;width:5px;height:5px;transform:rotate(45deg)}.ceremony-steps span:not(:last-child):after{content:"";background:#69463a;width:14px;height:1px}.ceremony-steps [data-progress=active],.ceremony-steps [data-progress=done]{color:var(--gold-light)}.ceremony-steps [data-progress=active]:before,.ceremony-steps [data-progress=done]:before{border-color:var(--gold);background:var(--gold)}.ceremony-steps [data-progress=active]:before{box-shadow:0 0 8px 2px #ffc07986}.fortune-notes{padding-bottom:38px;scroll-margin-top:18px}.interpretation,.tip-card{background:radial-gradient(ellipse at 12% 5%, #331a22, transparent 86%), var(--plum);border:1px solid #69443c;border-radius:13px;gap:12px;padding:clamp(22px,3vw,37px);display:grid}.interpretation h2{font:800 clamp(26px, 3.5vw, 42px)/1.24 var(--serif);letter-spacing:-.034em}.interpretation-copy{max-width:42em;color:var(--paper);font-size:16px;line-height:1.8}.reading-details{border-top:1px solid var(--line);align-items:flex-start;gap:12px;margin-top:7px;padding-top:14px;display:flex}.reading-details p{color:var(--muted);font-size:13px;line-height:1.7}.reading-details p:first-child{color:var(--gold);font-weight:700}.tip-card{justify-items:center;width:min(100%,370px);margin:0 auto 28px;padding:clamp(14px,3vw,24px)}.tip-card h2{color:var(--gold-light);font:800 22px/1.3 var(--serif)}.tip-code{border-radius:6px;width:min(100%,320px);height:auto;display:block}.tip-save{width:min(100%,320px);min-height:44px;color:var(--gold-light);background:#43251f;border:1px solid #b87c53;border-radius:6px;place-items:center;font-size:14px;font-weight:700;display:grid}.tip-save:hover{background:#593127}.tip-hint{max-width:26em;color:var(--muted);text-align:center;font-size:12px;line-height:1.6}.footer{border-top:1px solid var(--line)}.footer-line{min-height:64px;color:var(--muted);letter-spacing:.045em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 17px;padding-block:12px;font-size:11px;display:flex}@media (max-width:1040px){.wrap{width:calc(100% - 64px)}}@media (max-width:740px){.wrap{width:calc(100% - 32px)}.masthead{min-height:68px}.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""art""controls";row-gap:10px;padding-block:24px 26px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero h1{margin-block:8px 9px;font-size:clamp(36px,10.6vw,63px)}.hero .direction-title{font-size:clamp(67px,14vw,100px)}.hero-description{margin-inline:auto;font-size:15px;line-height:1.6}.hero-blessing{justify-self:center}.compass-prompt{align-items:center;margin-top:0}.hero-art{width:min(100%,43svh,360px)}.fortune-notes{padding-bottom:27px}}@media (max-width:740px) and (max-height:660px){.masthead{min-height:60px}.hero{row-gap:8px;padding-top:18px}.hero-art{width:min(100%,39svh)}}@keyframes reveal-blessing{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.compass-button:not(:disabled):hover>svg{filter:brightness(1.13)}}@media (prefers-reduced-motion:no-preference){.compass-button:before{transition:opacity .35s}.hero[data-phase=settled] .direction-title{animation:.42s ease-out .12s both reveal-blessing}.hero[data-phase=settled] .hero-blessing{animation:.48s ease-out .29s both reveal-blessing}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}