@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-400-normal.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-latin-500-normal.woff2) format("woff2")}:root{font-family:DM Sans,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;font-weight:400;--serif: "Cormorant Garamond", Georgia, serif;--text: #29261f;--bg: #f4ecd8;--panel: #fbf5e8;--panel-light: #fffaf0;--line: #59492d26;--muted: #69604f;--subtle: #69604f;--accent: #9a3f2f;--accent-secondary: #8a632f;--selection: #9a3f2f30;--shell-glow-primary: #fff8e580;--shell-glow-secondary: #fffaf040;--nav-text: #69604f;--surface-soft: #fbf5e8;--accent-wash: #9a3f2f0d;--hover-surface: #59492d0a;--on-accent: #fffaf0;--primary-hover: #843427;--secondary-border: #8a795e;--secondary-surface: #9a3f2f05;--secondary-hover: #9a3f2f12;--skip-link-text: #fffaf0;--hero-glow: #ae864332;--accent-soft-wash: #8a632f0d;--hero-shadow: #59401f40;--art-caption: #69604f;--choice-border: #8a755942;--surface-subtle: #fbf5e8;--choice-hover: #fffaf0;--choice-hover-border: #9a3f2f66;--choice-selected-start: #9a3f2f0d;--choice-selected-end: #9a3f2f04;--choice-selected-border: #9a3f2f80;--spread-symbol-border: #8a632f99;--spread-symbol-surface: #fbf5e8;--radio-border: #8a795e;--field-label: #544b3d;--field-border: #8a795e;--field-text: #29261f;--field-placeholder: #69604f;--privacy-text: #69604f;--table-glow: #8a632f1c;--soft-shadow: #59401f30;--deck-edge-border: #8a755966;--deck-edge-surface: #e4d6b8;--footnote-text: #69604f;--selected-card-border: #9a3f2fa3;--empty-slot-border: #8a632f47;--empty-slot-symbol: #8a632f80;--tag-border: #8a632f3d;--tag-text: #69604f;--quote-text: #54452f;--reading-text: #544b3d;--reflection-surface: #8a632f09;--reflection-border: #8a632f30;--reflection-text: #54452f;--search-border: #8a795e;--search-placeholder: #69604f;--empty-journal-symbol: #8a632f99;--empty-journal-border: #8a632f30;--note-text: #29261f;--note-placeholder: #69604f;--note-prompt: #69604f;--settings-surface: #fbf5e8;--panel-border: #8a75594d;--panel-shadow: #59401f40;--error-surface: #9a3f2f0e;--error-text: #9a3f2f;--success-surface: #e8ecd8;--success-border: #5264474d;--success-accent: #526447;--dialog-surface: #fbf5e8;--dialog-border: #8a755959;--dialog-backdrop: #30271699;--error-emphasis: #9a3f2f;--update-surface: #f4ecd8f5;--mobile-nav-border: #8a75593d;--mobile-nav-surface: #fbf5e8f5;--selected-surface: #9a3f2f0b;--option-border: #8a75594d;--option-selected-border: #9a3f2fa3;color-scheme:light}:root[data-theme=celestial]{--text: #eae5db;--bg: #101626;--panel: #171e2e;--panel-light: #1b2436;--line: #ffffff12;--muted: #929bad;--subtle: #b6bcc8;--accent: #d8bb86;--accent-secondary: #b59b70;--selection: #d8bb8644;--shell-glow-primary: #29305127;--shell-glow-secondary: #182b3123;--nav-text: #b0b5c3;--surface-soft: #ffffff03;--accent-wash: #d8bb8610;--hover-surface: #ffffff05;--on-accent: #20232a;--primary-hover: #e6cea3;--secondary-border: #d8bb8636;--secondary-surface: #d8bb8607;--secondary-hover: #d8bb8612;--skip-link-text: #111;--hero-glow: #74707723;--accent-soft-wash: #d8bb860a;--hero-shadow: #0007;--art-caption: #9099ad;--choice-border: #ffffff13;--surface-subtle: #ffffff02;--choice-hover: #ffffff04;--choice-hover-border: #d8bb8640;--choice-selected-start: #d8bb860c;--choice-selected-end: #d8bb8604;--choice-selected-border: #d8bb8655;--spread-symbol-border: #d8bb8690;--spread-symbol-surface: #19212e;--radio-border: #ffffff30;--field-label: #c5c8cf;--field-border: #ffffff14;--field-text: #eee8dd;--field-placeholder: #798497;--privacy-text: #8791a3;--table-glow: #2745572a;--soft-shadow: #0005;--deck-edge-border: #9c875d55;--deck-edge-surface: #1f2a38;--footnote-text: #9ba3b2;--selected-card-border: #d8bb866b;--empty-slot-border: #d8bb862b;--empty-slot-symbol: #d8bb8645;--tag-border: #d8bb8626;--tag-text: #c0b599;--quote-text: #e2d6bd;--reading-text: #b5bdcb;--reflection-surface: #d8bb8606;--reflection-border: #d8bb8617;--reflection-text: #d5cbb6;--search-border: #ffffff16;--search-placeholder: #8490a3;--empty-journal-symbol: #c4ad846f;--empty-journal-border: #d8bb861c;--note-text: #d9dce2;--note-placeholder: #7e899c;--note-prompt: #a6abbb;--settings-surface: #1b2232;--panel-border: #d8bb8629;--panel-shadow: #0008;--error-surface: #b5736820;--error-text: #f0c4b8;--success-surface: #273528;--success-border: #9cae6740;--success-accent: #a6be88;--dialog-surface: #1a2233;--dialog-border: #d8bb863d;--dialog-backdrop: #080d19b8;--error-emphasis: #efbbaa;--update-surface: #101626f2;--mobile-nav-border: #d8bb8620;--mobile-nav-surface: #111828f5;--selected-surface: #d8bb8609;--option-border: #ffffff20;--option-selected-border: #d8bb8680;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,a{touch-action:manipulation}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{border:0;background:none}::selection{background:var(--selection)}body:has(dialog[open]){overflow:hidden}.app-shell{min-height:100dvh;position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 79% 23%,var(--shell-glow-primary),transparent 44%),radial-gradient(ellipse at 5% 60%,var(--shell-glow-secondary),transparent 48%),var(--bg)}.app-shell:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.21;background-size:180px 180px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E")}.page-width{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}main{min-height:calc(100dvh - 180px)}.site-header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 52px;position:relative;z-index:20;max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:14px}.brand>svg{width:43px;color:var(--accent)}.brand>span{font:500 24px var(--serif);letter-spacing:4.5px;line-height:1.2}.brand small{display:block;font:8px DM Sans,sans-serif;letter-spacing:2.5px;color:var(--muted);margin-top:6px}.primary-nav{display:flex;align-items:center;gap:8px;padding:5px;position:absolute;left:50%;transform:translate(-50%)}.primary-nav a{display:flex;align-items:center;gap:9px;padding:12px 23px;font-size:13px;color:var(--nav-text);border-radius:5px;transition:background .2s,color .2s}.primary-nav a:hover{color:var(--accent);background:var(--surface-soft)}.primary-nav a.active{color:var(--accent);background:var(--accent-wash)}.header-tools{display:flex;gap:10px}.icon-button{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;border-radius:50%;color:var(--muted);transition:color .2s,background .2s}.icon-button:hover{color:var(--accent);background:var(--hover-surface)}.site-footer{max-width:1336px;margin:64px auto 0;padding:26px 48px 30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted);letter-spacing:.3px;gap:20px}.site-footer>span{display:flex;align-items:center;gap:10px}.footer-star{font-size:20px;color:var(--accent-secondary)}.site-footer>button{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);min-height:44px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.3px;color:var(--accent);line-height:1.8;display:flex;align-items:center;gap:12px}.line{height:1px;width:30px;background:var(--accent-secondary)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:14px 23px;font-size:12px;font-weight:500;letter-spacing:.25px;border-radius:4px;transition:background .2s,transform .2s;border:1px solid transparent}.primary-button{background:var(--accent);color:var(--on-accent)}.primary-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.secondary-button{border-color:var(--secondary-border);background:var(--secondary-surface);color:var(--accent)}.secondary-button:hover:not(:disabled){background:var(--secondary-hover)}.text-button{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-size:12px;min-height:44px;padding:0}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;border:0;margin:-1px}.skip-link{position:fixed;top:-60px;left:12px;padding:14px;background:var(--accent);color:var(--skip-link-text);z-index:100}.skip-link:focus{top:12px}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:520px;padding-top:28px;padding-bottom:24px}.hero-copy{padding-top:20px}.hero-copy h1{font:400 clamp(62px,6vw,84px)/.99 var(--serif);letter-spacing:-1.8px;margin:27px 0 23px}.hero-copy h1 em{font-weight:400;color:var(--accent)}.hero-copy>p{font-size:14px;line-height:1.95;color:var(--subtle);letter-spacing:.15px}.hero-note{display:flex;gap:12px;align-items:center;margin-top:31px;color:var(--muted);font-size:11px}.hero-note>span:first-child{font-size:23px;color:var(--accent-secondary)}.hero-art{position:relative;height:442px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:360px;height:320px;border-radius:50%;background:radial-gradient(var(--hero-glow),transparent 70%);filter:blur(15px);z-index:-1}.orbit{position:absolute;border:1px solid var(--accent-wash);border-radius:50%;pointer-events:none}.orbit-one{width:435px;height:435px}.orbit-two{width:485px;height:485px;border-style:dashed;border-color:var(--accent-soft-wash);transform:rotate(24deg)}.hero-card{width:204px;position:absolute;filter:drop-shadow(0 20px 20px var(--hero-shadow));transition:transform .6s}.hero-card.card-left{transform:translate(-139px,10px) rotate(-15deg);width:187px;z-index:1}.hero-card.card-right{transform:translate(139px,10px) rotate(15deg);width:187px;z-index:2}.hero-card.card-center{z-index:3;transform:translateY(-12px)}.hero-art:hover .card-left{transform:translate(-150px,7px) rotate(-17deg)}.hero-art:hover .card-right{transform:translate(150px,7px) rotate(17deg)}.art-star{position:absolute;color:var(--accent-secondary);font-size:17px;z-index:0}.star-one{top:34px;right:79px}.star-two{bottom:73px;left:23px;font-size:24px}.art-caption{position:absolute;bottom:5px;font-size:8px;letter-spacing:3.5px;color:var(--art-caption)}.begin-section{margin-top:2px}.section-heading{display:flex;align-items:center;gap:17px;margin-bottom:25px}.section-number{font:italic 19px var(--serif);color:var(--accent-secondary)}.section-heading h2{font:400 25px var(--serif);letter-spacing:.1px;white-space:nowrap}.heading-line{height:1px;flex:1;background:var(--line);margin-left:9px}.spread-choices{display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0;gap:16px;border:0}.spread-choice{position:relative;display:flex;align-items:center;gap:22px;min-height:112px;padding:23px 26px;border:1px solid var(--choice-border);background:var(--surface-subtle);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s}.spread-choice:hover{background:var(--choice-hover);border-color:var(--choice-hover-border)}.spread-choice.chosen{background:linear-gradient(110deg,var(--choice-selected-start),var(--choice-selected-end));border-color:var(--choice-selected-border)}.spread-choice input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.spread-choice:has(input:focus-visible),.spread-choice:focus-within{outline:2px solid var(--accent);outline-offset:4px}.spread-choice>span:nth-of-type(2){display:flex;flex-direction:column;gap:5px}.choice-overline{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.spread-choice strong{font:400 25px var(--serif)}.spread-choice small{font-size:10px;line-height:1.6;color:var(--muted)}.spread-symbol{position:relative;display:flex;min-width:46px;height:49px;align-items:center;justify-content:center;color:var(--accent)}.spread-symbol i{display:block;width:25px;height:38px;border:1px solid var(--spread-symbol-border);border-radius:2px;position:absolute;background:var(--spread-symbol-surface)}.spread-symbol i:after{content:"✧";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-size:16px}.spread-symbol.unfolding i:nth-child(1){transform:translate(-10px,2px) rotate(-16deg)}.spread-symbol.unfolding i:nth-child(2){transform:translate(10px,2px) rotate(16deg)}.spread-symbol.unfolding i:nth-child(3){transform:translateY(-2px)}.radio-indicator{width:15px;height:15px;border:1px solid var(--radio-border);border-radius:50%;margin-left:auto;flex-shrink:0;display:grid;place-items:center}.chosen .radio-indicator{border-color:var(--accent)}.radio-indicator>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.intention-row{display:flex;align-items:flex-end;gap:22px;margin-top:25px}.question-field{flex:1}.question-field label{display:flex;gap:9px;font-size:11px;color:var(--field-label);margin-bottom:12px}.question-field label>span{color:var(--muted);font-size:10px}.question-field input{width:100%;border:1px solid var(--field-border);border-radius:4px;background:var(--surface-soft);color:var(--field-text);min-height:50px;padding:14px 16px;font-size:12px;outline-offset:2px}.question-field input::placeholder{color:var(--field-placeholder)}.intention-row .primary-button{min-width:234px}.privacy-note{display:flex;gap:6px;align-items:center;color:var(--privacy-text);font-size:10px;margin-top:13px}.card-visual{--deck-accent: #d8bb86;position:relative;isolation:isolate;width:100%;aspect-ratio:2/3;background:radial-gradient(ellipse at 30% 25%,#25404f,#192036 65%);border:1px solid #b99b647d;border-radius:9px;overflow:hidden;box-shadow:0 4px 12px #0003;color:#eee4ca}.card-visual>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.card-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(#08101877,transparent 27%,transparent 40%,#0d162bbd 77%,#0b1324f7)}.card-inner-border{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #e3cfa853;border-radius:5px;pointer-events:none}.card-inner-border:after{position:absolute;content:"";top:3px;right:3px;bottom:3px;left:3px;border:1px solid #e3cfa818;border-radius:3px}.card-top{position:absolute;top:17px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#e7d4af}.card-top>span[lang]{font-size:14px;letter-spacing:0}.card-caption{position:absolute;bottom:22px;left:14px;right:14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.hexagram{width:40px;height:40px;color:var(--deck-accent, var(--accent));flex-shrink:0}.hexagram.small{width:23px;height:23px;margin-bottom:1px}.card-name{font:400 23px/1 var(--serif);text-shadow:0 2px 4px #0008}.card-pinyin{font-size:8px;letter-spacing:2px;color:#d7c6a6}.card-back:after{background:linear-gradient(#0a122638,#0a12266b)}.back-emblem{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px}.back-emblem svg{width:70px;color:#e1c997;filter:drop-shadow(0 0 6px #0d1523)}.back-emblem>span{font:500 22px var(--serif);letter-spacing:5px;text-indent:5px;text-shadow:0 0 8px #000}.back-emblem>i{font-style:normal;font-size:6px;letter-spacing:2px;text-shadow:0 0 8px #000}.card-corner{position:absolute;left:50%;transform:translate(-50%);color:var(--deck-accent, var(--accent));font-size:12px}.card-corner.top{top:24px}.card-corner.bottom{bottom:24px}.small-card .card-name{font-size:21px}.small-card .card-caption{bottom:19px}.small-card .hexagram{width:21px;height:21px}.reading-page{padding-top:28px}.reading-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.reading-top .eyebrow{font-size:8px;letter-spacing:1.8px}.stage-label,.saved-label{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.reading-intro{text-align:center;margin:33px auto 36px;max-width:750px}.reading-intro h1{font:400 43px/1.2 var(--serif);letter-spacing:-.4px;overflow-wrap:anywhere}.reading-intro p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:13px;overflow-wrap:anywhere}.reading-layout{display:grid;position:relative}.reading-layout.has-cards{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:50px;align-items:start}.reading-table{position:relative;min-height:500px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:15px 0 65px;isolation:isolate}.table-glow{position:absolute;width:420px;height:420px;max-width:100%;border-radius:50%;background:radial-gradient(ellipse,var(--table-glow),transparent 70%);z-index:-1}.deck-area{text-align:center;padding-bottom:20px}.deck-button{position:relative;width:206px;padding:0;display:block;margin:0 auto;filter:drop-shadow(0 15px 30px var(--soft-shadow));isolation:isolate;transition:transform .35s}.deck-button:hover:not(:disabled){transform:translateY(-5px)}.deck-edge{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--deck-edge-border);border-radius:9px;background:var(--deck-edge-surface);z-index:-1}.edge-one{transform:rotate(-3deg) translate(-4px,2px)}.edge-two{transform:rotate(3deg) translate(4px,2px)}.shuffling{animation:shuffle .55s ease-in-out}.shuffling .edge-one{animation:shuffle-edge .5s ease-in-out}.shuffling .edge-two{animation:shuffle-edge .5s ease-in-out reverse}@keyframes shuffle{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg) translate(-9px)}65%{transform:rotate(5deg) translate(6px)}}@keyframes shuffle-edge{50%{transform:translate(30px) rotate(16deg)}}.draw-hint{font-size:10px;color:var(--muted);margin-top:21px;letter-spacing:.5px}.shuffle-button{margin-top:20px;min-height:43px;font-size:11px;padding:10px 19px}.table-footnote{position:absolute;bottom:10px;font:italic 17px var(--serif);text-align:center;color:var(--footnote-text);display:flex;align-items:center;gap:8px}.table-footnote>span{color:var(--accent-secondary);font-style:normal}.deck-small{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:0;align-self:flex-start}.deck-small .deck-button{width:55px}.deck-small .back-emblem svg{width:25px}.deck-small .back-emblem>span,.deck-small .back-emblem>i,.deck-small .card-corner{display:none}.deck-small .card-inner-border{top:3px;right:3px;bottom:3px;left:3px}.deck-small .draw-hint{font-size:11px;text-align:left;margin:0}.drawn-cards{display:grid;width:100%;gap:12px;justify-content:center;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.mobile-selected-card{display:none}@media(max-width:760px){.mobile-selected-card{display:block;width:min(64vw,240px);margin:0 auto 32px}}.drawn-cards.spread-1{grid-template-columns:minmax(0,254px)}.drawn-slot{text-align:center;min-width:0}.position-number{display:block;font:italic 18px var(--serif);color:var(--accent-secondary);margin-bottom:12px}.drawn-button{display:block;padding:0;width:100%;transition:transform .3s;position:relative;border-radius:9px;outline-offset:5px}.drawn-button.is-revealed{animation:reveal .55s ease-out}.drawn-button.is-selected:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid var(--selected-card-border);border-radius:12px;pointer-events:none}.drawn-button:hover:not(:disabled){transform:translateY(-4px)}.position-label{font-size:9px;line-height:1.5;color:var(--subtle);display:block;margin-top:16px}.reveal-hint{font-size:9px;color:var(--accent);margin-top:6px;display:block}.drawn-cards.spread-3 .card-name{font-size:18px}.drawn-cards.spread-3 .card-caption{bottom:17px;gap:5px}.drawn-cards.spread-3 .card-top{top:14px;left:13px;right:13px;font-size:7px}.drawn-cards.spread-3 .card-top span[lang]{font-size:12px}.drawn-cards.spread-3 .hexagram{width:19px;height:19px}.drawn-cards.spread-3 .back-emblem svg{width:48px}.drawn-cards.spread-3 .back-emblem span{font-size:14px}.drawn-cards.spread-3 .back-emblem i{font-size:4px}.empty-card-slot{aspect-ratio:2/3;border:1px dashed var(--empty-slot-border);border-radius:9px;display:grid;place-items:center;color:var(--empty-slot-symbol);font-size:25px}.reading-copy{border-left:1px solid var(--line);padding-left:35px}.interpretation>.eyebrow{font-size:9px}.position-description{font-size:11px;line-height:1.8;color:var(--muted);margin-top:7px}.interpretation-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px}.interpretation-title :is(h1,h2){font:400 37px/1.1 var(--serif);letter-spacing:-.5px}.chinese-name{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:11px;margin-top:9px}.chinese-name span[lang]{font-size:16px;color:var(--accent-secondary)}.keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.keywords>span{font-size:9px;letter-spacing:.5px;border:1px solid var(--tag-border);border-radius:3px;padding:5px 9px;color:var(--tag-text);background:var(--choice-selected-end)}.interpretation blockquote{margin:23px 0 26px;padding:0 0 0 16px;border-left:1px solid var(--accent-secondary);font:italic 25px/1.35 var(--serif);color:var(--quote-text)}.reading-section{margin:22px 0}.reading-section h3,.reflection-prompt h3{font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:1.8px;font-weight:500;margin-bottom:11px}.reading-section p{font-size:15px;color:var(--reading-text);line-height:1.85;white-space:pre-line}.reflection-prompt{display:flex;align-items:flex-start;gap:12px;background:var(--reflection-surface);border:1px solid var(--reflection-border);border-radius:4px;padding:20px 17px;margin-top:23px}.tiny-star{font-size:23px;line-height:1;color:var(--accent)}.reflection-prompt p{font:italic 20px/1.4 var(--serif);color:var(--reflection-text)}.trigram-info{font-size:9px;color:var(--muted);text-transform:capitalize;letter-spacing:.5px;margin-top:22px}.save-reading{margin-top:31px}.reading-search-links{display:grid;gap:12px;margin-bottom:12px}.save-reading .primary-button{width:100%}.save-reading>p{text-align:center;margin-top:12px;font-size:9px;color:var(--muted)}.unrevealed-copy{align-self:center;padding:30px 0 100px 45px;border-left:1px solid var(--line)}.unrevealed-copy>span{color:var(--accent);font-size:34px}.unrevealed-copy>h2{font:400 41px/1.05 var(--serif);margin:23px 0 18px}.unrevealed-copy>p{font-size:12px;color:var(--muted);line-height:1.9}@keyframes reveal{0%{transform:perspective(900px) rotateY(80deg);opacity:.7}to{transform:perspective(900px) rotateY(0);opacity:1}}.page-intro{padding-top:59px;text-align:center;margin-bottom:42px}.page-intro .eyebrow{justify-content:center;font-size:9px}.page-intro h1{font:400 49px/1.15 var(--serif);letter-spacing:-.65px;margin:16px 0}.page-intro p{font-size:12px;color:var(--muted);line-height:1.8}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.library-toolbar>span,.journal-toolbar>span{font-size:11px;color:var(--muted)}.search-field{border:1px solid var(--search-border);background:var(--surface-subtle);display:flex;align-items:center;gap:12px;padding:0 15px;border-radius:4px;color:var(--muted);width:375px;max-width:80%}.search-field input{background:none;border:0;min-height:46px;width:100%;color:var(--text);font-size:12px;outline:none}.search-field:focus-within{outline:1px solid var(--accent)}.search-field input::placeholder{color:var(--search-placeholder)}.search-field button{padding:7px;display:flex;align-items:center}.library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:29px 23px}.library-card{display:block;transition:transform .25s;border-radius:9px;min-width:0}.library-card:hover{transform:translateY(-7px)}.library-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:var(--muted);padding:0 3px}.library-card-bottom svg{color:var(--accent-secondary)}.library-card .card-name{font-size:22px}.library-card .card-pinyin{font-size:7px}.card-detail{padding-top:29px}.detail-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:92px;max-width:1000px;margin:32px auto 0;align-items:start}.detail-art{max-width:335px;width:100%;justify-self:center;position:sticky;top:40px}.detail-art .card-name{font-size:35px}.detail-art .card-caption{bottom:35px;gap:11px}.detail-art .hexagram{width:36px;height:36px}.detail-art .card-top{top:24px;left:24px;right:24px;font-size:12px}.detail-art .card-top span[lang]{font-size:21px}.detail-art .card-inner-border{top:11px;right:11px;bottom:11px;left:11px}.detail-art .card-pinyin{font-size:10px}.card-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:23px;color:var(--muted)}.card-pagination a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--accent)}.card-pagination span{font-size:10px;letter-spacing:2px}.journal-page{max-width:1070px}.journal-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.journal-tools{display:flex;gap:25px}.journal-tools .text-button{font-size:11px}.journal-list{display:flex;flex-direction:column}.journal-entry{display:flex;position:relative;border-bottom:1px solid var(--line);padding:25px 0;gap:16px}.journal-entry-main{display:flex;align-items:center;flex:1;gap:28px;min-width:0}.journal-mini-cards{display:flex;align-items:center;position:relative;width:100px;min-width:100px;height:122px}.journal-mini-cards .card-visual{width:75px;position:absolute;left:12px}.journal-mini-cards.count-3 .card-visual:first-child{transform:translate(-12px) rotate(-10deg)}.journal-mini-cards.count-3 .card-visual:nth-child(2){transform:translate(12px) rotate(10deg)}.journal-mini-cards .card-name{font-size:11px}.journal-mini-cards .card-caption{bottom:9px;gap:1px;left:6px;right:6px}.journal-mini-cards .hexagram{width:12px;height:12px}.journal-mini-cards .card-pinyin{font-size:4px;letter-spacing:1px}.journal-mini-cards .card-top{top:8px;left:8px;right:8px;font-size:5px;letter-spacing:0}.journal-mini-cards .card-top span[lang]{font-size:7px}.journal-mini-cards .card-inner-border{top:3px;right:3px;bottom:3px;left:3px;border-radius:3px}.journal-mini-cards .card-visual{border-radius:5px}.journal-entry-copy{min-width:0;flex:1}.journal-entry-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.journal-entry-copy h2{font:400 29px/1.2 var(--serif);margin:8px 0;overflow-wrap:anywhere}.journal-entry-copy p{font-size:10px;color:var(--muted);line-height:1.7}.note-preview{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--accent-secondary);margin-top:13px;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-preview svg{flex-shrink:0}.entry-arrow{color:var(--accent-secondary)}.delete-entry{align-self:center;opacity:.6}.empty-journal{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 20px 60px}.empty-journal-symbol{position:relative;color:var(--empty-journal-symbol);display:grid;place-items:center;width:100px;height:100px;border:1px solid var(--empty-journal-border);border-radius:50%;margin-bottom:27px}.empty-journal-symbol span{position:absolute;top:0;right:10px;color:var(--accent);font-size:21px;background:var(--bg)}.empty-journal h2{font:400 35px var(--serif);margin-bottom:16px}.empty-journal p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:27px}.journal-privacy{display:flex;align-items:flex-start;justify-content:center;gap:9px;border-top:1px solid var(--line);padding-top:27px;margin-top:20px;color:var(--muted);font-size:10px}.journal-privacy>svg{margin-top:2px}.journal-privacy>p{line-height:1.8;max-width:490px}.journal-privacy button{display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}.privacy-explainer{display:block;margin-top:12px;line-height:1.9}.undo-banner{display:flex;gap:18px;align-items:center;padding:11px 16px;background:var(--accent-soft-wash);border:1px solid var(--tag-border);font-size:12px;border-radius:4px;margin-top:15px}.undo-banner>button:not(.icon-button){color:var(--accent);text-decoration:underline}.undo-banner>.icon-button{margin-left:auto}.journal-detail{padding-top:26px}.journal-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:35px}.saved-spread{display:flex;justify-content:center;gap:15px;align-items:flex-start}.saved-spread>button{padding:0;max-width:148px;flex:1;min-width:0}.saved-spread.count-1>button{max-width:225px}.saved-spread>button>span{display:block;font-size:9px;color:var(--muted);margin-top:14px;line-height:1.5}.saved-spread>button.is-selected .card-visual{outline:1px solid var(--accent-secondary);outline-offset:4px}.saved-spread.count-3 .card-name{font-size:18px}.saved-spread.count-3 .card-caption{bottom:17px}.saved-spread.count-3 .card-top{top:13px;left:13px;right:13px;font-size:7px}.saved-spread.count-3 .card-top span[lang]{font-size:11px}.journal-note{margin-top:40px;border:1px solid var(--field-border);border-radius:5px;padding:22px;background:var(--surface-subtle)}.journal-note label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--accent);margin-bottom:18px}.journal-note label>span{margin-left:auto;font-size:8px;color:var(--muted)}.journal-note textarea{display:block;width:100%;resize:vertical;background:none;border:0;outline-offset:3px;color:var(--note-text);font-size:12px;line-height:1.9;min-height:145px;max-height:600px}.journal-note textarea::placeholder{color:var(--note-placeholder)}.journal-note>small{display:block;border-top:1px solid var(--line);padding-top:15px;margin-top:10px;font:italic 18px/1.5 var(--serif);color:var(--note-prompt)}.journal-reflection>.text-button{margin-top:18px;font-size:11px}.saved-label{color:var(--accent-secondary)}.settings-panel{position:absolute;top:87px;right:max(24px,calc((100vw - 1450px)/2));width:345px;background:var(--settings-surface);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 20px 70px var(--panel-shadow);padding:18px 22px;z-index:50}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading h2{font:400 26px/1.15 var(--serif)}.settings-panel .panel-heading h2{font-size:24px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:21px 0;border-bottom:1px solid var(--line);font-size:12px}.toggle-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.settings-item{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid var(--line);padding:21px 0}.settings-item>svg{color:var(--accent);flex-shrink:0}.settings-item strong{font-size:12px;font-weight:400}.settings-item p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:8px}.settings-item .text-button{font-size:10px;min-height:35px}.settings-panel>.text-button{font-size:10px;margin-top:7px}.status-banner{display:flex;align-items:center;gap:16px;justify-content:center;padding:12px 24px;background:var(--secondary-hover);border-bottom:1px solid var(--panel-border);font-size:12px;line-height:1.6}.status-banner>button:not(.icon-button){color:var(--accent);text-decoration:underline;white-space:nowrap;min-height:36px}.error-banner{background:var(--error-surface);color:var(--error-text)}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%);background:var(--success-surface);border:1px solid var(--success-border);padding:16px 22px;display:flex;align-items:center;gap:12px;border-radius:5px;box-shadow:0 10px 30px var(--soft-shadow);z-index:80;max-width:calc(100vw - 30px);font-size:12px;line-height:1.6}.toast svg{color:var(--success-accent);flex-shrink:0}.modal{background:var(--dialog-surface);border:1px solid var(--dialog-border);color:var(--text);border-radius:10px;max-width:520px;width:calc(100% - 32px);padding:0;box-shadow:0 30px 100px var(--panel-shadow);max-height:85dvh}.modal::backdrop{background:var(--dialog-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-inner{padding:25px 29px 30px}.modal-inner>p{font-size:13px;line-height:1.9;color:var(--subtle);margin-top:20px}.modal-actions{display:flex;gap:13px;justify-content:flex-end;margin-top:28px}.about-content>svg{width:70px;display:block;margin:22px auto;color:var(--accent)}.about-content p{font-size:12px;line-height:1.9;color:var(--subtle);margin:17px 0}.about-content a{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:var(--accent);min-height:44px}.about-content small{display:block;text-align:center;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:25px}.loading-state{min-height:65vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:13px}.empty-state{text-align:center;padding:80px 24px;min-height:45vh}.empty-state>svg{color:var(--accent);margin-bottom:20px}.empty-state h1,.empty-state h2{font:400 35px var(--serif);margin-bottom:18px}.empty-state p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:20px}.empty-state>a:not(.primary-button){color:var(--accent);font-size:13px}.error-text{color:var(--error-emphasis)!important}.backup-parts{display:flex;flex-direction:column;gap:12px;margin-top:20px}.update-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--update-surface);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:var(--accent);padding:25px;text-align:center;font-size:13px}@media(min-width:1440px){.welcome-hero{min-height:560px}.hero-art{transform:scale(1.07)}.hero-copy h1{font-size:91px}.begin-section{margin-top:13px}.hero-card{width:220px}.hero-card.card-left,.hero-card.card-right{width:201px}.hero-card.card-left{transform:translate(-145px,10px) rotate(-15deg)}.hero-card.card-right{transform:translate(145px,10px) rotate(15deg)}}@media(max-width:1100px){.page-width{padding-left:34px;padding-right:34px}.site-header{padding:0 34px}.hero-card{width:180px}.hero-card.card-left,.hero-card.card-right{width:168px}.hero-card.card-left{transform:translate(-115px,10px) rotate(-15deg)}.hero-card.card-right{transform:translate(115px,10px) rotate(15deg)}.hero-art:hover .card-left{transform:translate(-120px,7px) rotate(-17deg)}.hero-art:hover .card-right{transform:translate(120px,7px) rotate(17deg)}.orbit-one{width:350px;height:350px}.orbit-two{width:405px;height:405px}.hero-art{height:400px}.welcome-hero{min-height:480px;grid-template-columns:.95fr 1.05fr}.hero-copy h1{font-size:73px}.hero-note{font-size:10px}.spread-choice{padding:20px;gap:17px}.spread-choice small{font-size:9px}.reading-layout.has-cards{gap:30px;grid-template-columns:1.15fr 1fr}.reading-copy{padding-left:25px}.drawn-cards.spread-3 .card-name{font-size:15px}.drawn-cards.spread-3 .card-pinyin{font-size:6px}.drawn-cards.spread-3 .card-inner-border{top:5px;right:5px;bottom:5px;left:5px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-layout{gap:55px}.journal-detail-layout{gap:40px}.saved-spread.count-3 .card-name{font-size:15px}.saved-spread.count-3 .card-pinyin{font-size:6px}}@media(max-width:800px){.brand>span{font-size:22px;letter-spacing:3px}.brand small{font-size:7px;letter-spacing:1.5px}.brand>svg{width:36px}.primary-nav a{padding:12px 15px}.header-tools .help-button{display:none}.welcome-hero{grid-template-columns:1fr 1fr;min-height:410px}.hero-copy h1{font-size:62px}.hero-copy>p{font-size:12px}.hero-note{font-size:9px;gap:7px}.hero-art{height:335px}.hero-card{width:155px}.hero-card.card-left,.hero-card.card-right{width:141px}.hero-card.card-left,.hero-art:hover .card-left{transform:translate(-86px,12px) rotate(-14deg)}.hero-card.card-right,.hero-art:hover .card-right{transform:translate(86px,12px) rotate(14deg)}.orbit-one{width:285px;height:285px}.orbit-two{width:325px;height:325px}.hero-card .card-name{font-size:20px}.hero-card .card-caption{bottom:17px}.hero-card .hexagram{width:19px;height:19px}.star-one{right:22px;top:18px}.star-two{left:7px;bottom:43px}.art-caption{font-size:7px;letter-spacing:2.3px;bottom:0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy .line{width:21px}.section-heading h2{font-size:23px}.spread-choice{gap:14px;padding:17px 14px}.spread-choice small{max-width:170px}.spread-symbol{min-width:35px;transform:scale(.9)}.spread-choice strong{font-size:22px}.radio-indicator{width:13px;height:13px}.intention-row .primary-button{min-width:200px;padding:14px 16px;font-size:11px}.reading-layout.has-cards{grid-template-columns:1fr;gap:30px}.reading-table{min-height:440px;max-width:600px;width:100%;margin:auto}.reading-copy{border-left:0;padding-left:0;max-width:570px;width:100%;margin:auto;padding-top:25px;border-top:1px solid var(--line)}.drawn-cards.spread-3{gap:20px;padding:0 16px}.drawn-cards.spread-3 .card-name{font-size:23px}.drawn-cards.spread-3 .card-pinyin{font-size:8px}.unrevealed-copy{padding:30px;text-align:center;border-left:0;border-top:1px solid var(--line)}.unrevealed-copy>h2{font-size:34px}.unrevealed-copy>h2 br{display:none}.unrevealed-copy>span{display:none}.library-grid{gap:23px 17px}.library-card .card-name{font-size:19px}.detail-layout{gap:34px;grid-template-columns:.8fr 1fr}.detail-art .card-name{font-size:28px}.detail-art .card-caption{bottom:26px}.interpretation-title :is(h1,h2){font-size:32px}.journal-detail-layout{grid-template-columns:1fr;max-width:570px;margin-left:auto;margin-right:auto}.journal-detail-layout>.interpretation{border-top:1px solid var(--line);padding-top:25px}.saved-spread.count-3 .card-name{font-size:20px}.journal-note{margin-top:30px}.site-footer{margin-top:48px;padding-left:34px;padding-right:34px}}@media(max-width:600px){.site-header{height:81px;padding:0 23px}.brand{gap:10px}.brand>svg{width:34px}.brand>span{font-size:22px}.brand small{font-size:6px;letter-spacing:1.7px;margin-top:5px}.primary-nav{position:fixed;top:auto;bottom:0;left:0;transform:none;width:100%;height:calc(67px + env(safe-area-inset-bottom));padding:5px 20px calc(5px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;border-top:1px solid var(--mobile-nav-border);background:var(--mobile-nav-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:70}.primary-nav a{flex-direction:column;gap:5px;font-size:10px;padding:8px 20px;width:90px;border-radius:5px}.primary-nav a svg{width:19px;height:19px}.primary-nav a.active{background:var(--selected-surface)}.header-tools{gap:0}.header-tools .help-button{display:flex}.icon-button{min-width:40px;min-height:44px}.page-width{padding-left:24px;padding-right:24px}.welcome-hero{display:flex;flex-direction:column;padding-top:37px;min-height:auto;padding-bottom:34px}.hero-copy{padding-top:0;text-align:center;width:100%}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:2px}.hero-copy .line{width:21px}.hero-copy h1{font-size:62px;margin:21px 0 17px;line-height:.98;letter-spacing:-1.3px}.hero-copy h1 br{display:none}.hero-copy h1 em{display:block;margin-top:5px}.hero-copy>p{font-size:12px;line-height:1.8;max-width:265px;margin:auto}.hero-copy>p br{display:none}.hero-copy>p br:after{content:" "}.hero-note{display:none}.hero-art{height:328px;width:100%;max-width:350px;margin-top:20px}.hero-card{width:158px}.hero-card.card-left,.hero-card.card-right{width:143px}.hero-card.card-left,.hero-art:hover .card-left{transform:translate(-90px,9px) rotate(-15deg)}.hero-card.card-right,.hero-art:hover .card-right{transform:translate(90px,9px) rotate(15deg)}.hero-card.card-center{transform:translateY(-9px)}.hero-card .card-name{font-size:19px}.hero-card .card-caption{bottom:18px;gap:5px}.hero-card .card-top{top:14px;left:14px;right:14px;font-size:7px}.hero-card .card-top span[lang]{font-size:11px}.hero-card .card-pinyin{font-size:6px}.hero-card .hexagram{width:19px;height:19px}.hero-card .card-inner-border{top:6px;right:6px;bottom:6px;left:6px}.orbit-one{width:286px;height:286px}.orbit-two{width:319px;height:319px}.star-one{right:9px;top:31px;font-size:15px}.star-two{left:12px;bottom:45px;font-size:20px}.art-caption{bottom:0;font-size:7px;letter-spacing:2.7px}.section-heading{gap:12px;margin-bottom:20px}.section-heading h2{font-size:24px;white-space:normal}.section-number{font-size:17px}.heading-line{display:none}.spread-choices{grid-template-columns:1fr;gap:12px}.spread-choice{padding:20px;min-height:102px;gap:23px}.spread-choice small{font-size:10px;max-width:230px}.spread-choice strong{font-size:25px}.spread-symbol{min-width:42px;transform:none}.choice-overline{font-size:8px}.radio-indicator{width:15px;height:15px}.intention-row{flex-direction:column;align-items:stretch;gap:19px;margin-top:23px}.question-field label{font-size:12px}.question-field input{font-size:16px}.intention-row .primary-button{min-height:53px;font-size:12px;justify-content:center}.privacy-note{font-size:9px;justify-content:center;margin-top:16px}.site-footer{margin:40px 24px 0;padding:22px 0 calc(85px + env(safe-area-inset-bottom));flex-direction:column;gap:9px;text-align:center;font-size:10px}.site-footer>button{min-height:28px;font-size:10px}.settings-panel{right:16px;top:73px;width:calc(100% - 32px);max-width:350px}.reading-page{padding-top:17px}.reading-top{flex-wrap:wrap;gap:5px}.reading-top>.eyebrow{order:3;justify-content:center;width:100%;margin-top:8px;font-size:8px}.reading-top .text-button{font-size:11px}.reading-intro{margin:22px auto 23px}.reading-intro h1{font-size:36px;line-height:1.05}.reading-intro p{font-size:11px;margin-top:14px}.reading-table{min-height:425px;padding-bottom:56px;padding-top:14px}.deck-button{width:178px}.deck-small .deck-button{width:48px}.deck-small{gap:15px;margin:0 0 18px 6px}.deck-small .draw-hint{font-size:10px}.drawn-cards.spread-3{gap:11px;padding:0}.drawn-cards.spread-3 .card-name{font-size:15px}.drawn-cards.spread-3 .card-pinyin{font-size:5px;letter-spacing:1px}.drawn-cards.spread-3 .card-caption{bottom:12px;left:6px;right:6px;gap:4px}.drawn-cards.spread-3 .hexagram{width:15px;height:15px}.drawn-cards.spread-3 .card-top{top:10px;left:10px;right:10px;font-size:6px;letter-spacing:0}.drawn-cards.spread-3 .card-top span[lang]{font-size:9px}.drawn-cards.spread-3 .card-inner-border{top:4px;right:4px;bottom:4px;left:4px}.drawn-cards.spread-3 .card-visual{border-radius:6px}.drawn-cards.spread-3 .back-emblem svg{width:36px}.drawn-cards.spread-3 .back-emblem span{font-size:10px;letter-spacing:2px;text-indent:2px}.drawn-cards.spread-3 .back-emblem i{display:none}.drawn-cards.spread-3 .back-emblem{gap:9px}.drawn-cards.spread-3 .card-corner{font-size:8px}.drawn-cards.spread-3 .card-corner.top{top:16px}.drawn-cards.spread-3 .card-corner.bottom{bottom:16px}.position-number{font-size:16px;margin-bottom:10px}.position-label{font-size:8px;margin-top:14px}.reveal-hint{font-size:8px}.table-footnote{font-size:15px;gap:6px;bottom:9px}.drawn-cards.spread-1{grid-template-columns:minmax(0,215px)}.reading-layout.has-cards{gap:13px}.reading-layout.has-cards .reading-table:has(.spread-3){min-height:0;padding-bottom:64px}.reading-copy{padding-top:25px}.interpretation-title :is(h1,h2){font-size:37px}.interpretation blockquote{font-size:25px}.reading-section p{font-size:15px;line-height:1.85}.reflection-prompt{padding:19px 16px}.reflection-prompt p{font-size:21px}.position-description{font-size:11px}.page-intro{padding-top:36px;margin-bottom:29px}.page-intro h1{font-size:40px;margin:15px 0}.page-intro p{font-size:11px;max-width:270px;margin:auto}.page-intro .eyebrow{font-size:8px;letter-spacing:1.9px}.library-toolbar{gap:12px;margin-bottom:23px}.search-field{padding:0 11px;max-width:82%}.search-field input{font-size:16px;min-height:45px;min-width:0}.search-field svg{width:16px;flex-shrink:0}.library-toolbar>span{font-size:9px;white-space:nowrap}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}.library-card .card-name{font-size:24px}.library-card .card-pinyin{font-size:7px}.library-card-bottom{font-size:9px;margin-top:11px}.library-card .card-top{font-size:8px;top:14px;left:14px;right:14px}.library-card .card-top span[lang]{font-size:12px}.library-card .card-caption{bottom:18px;left:9px;right:9px}.library-card .hexagram{width:22px;height:22px}.card-detail{padding-top:19px}.detail-layout{display:flex;flex-direction:column;gap:34px;margin-top:20px}.detail-art{position:static;max-width:260px;align-self:center}.detail-art .card-name{font-size:30px}.card-pagination{margin-top:17px}.detail-layout .interpretation{width:100%;padding-top:28px;border-top:1px solid var(--line)}.journal-tools{gap:15px}.journal-tools .text-button{font-size:10px;gap:6px}.journal-toolbar>span{font-size:10px}.journal-entry{padding:20px 0;gap:4px}.journal-entry-main{gap:14px}.journal-mini-cards{width:66px;min-width:66px;height:92px}.journal-mini-cards .card-visual{width:52px;left:5px}.journal-mini-cards .card-name{font-size:8px}.journal-mini-cards .card-pinyin{font-size:3px}.journal-mini-cards .hexagram{width:9px;height:9px}.journal-mini-cards .card-caption{bottom:7px}.journal-mini-cards .card-inner-border{top:2px;right:2px;bottom:2px;left:2px}.journal-mini-cards.count-3 .card-visual:first-child{transform:translate(-5px) rotate(-9deg)}.journal-mini-cards.count-3 .card-visual:nth-child(2){transform:translate(5px) rotate(9deg)}.journal-entry-copy h2{font-size:23px;line-height:1.1}.journal-entry-copy .eyebrow{font-size:7px;letter-spacing:.8px}.journal-entry-copy p{font-size:9px}.note-preview{font-size:9px;max-width:180px}.entry-arrow{display:none}.delete-entry{min-width:30px}.delete-entry svg{width:14px}.empty-journal{padding:48px 5px}.empty-journal h2{font-size:30px}.empty-journal p{font-size:11px}.journal-privacy{font-size:9px}.journal-detail{padding-top:17px}.journal-detail .reading-intro h1{font-size:34px}.journal-detail-layout{gap:30px;margin-top:25px}.saved-spread{gap:12px}.saved-spread.count-1>button{max-width:205px}.saved-spread.count-3 .card-name{font-size:16px}.saved-spread.count-3 .card-caption{bottom:12px;left:6px;right:6px;gap:4px}.saved-spread.count-3 .card-pinyin{font-size:5px}.saved-spread.count-3 .hexagram{width:16px;height:16px}.saved-spread.count-3 .card-inner-border{top:4px;right:4px;bottom:4px;left:4px}.saved-spread.count-3 .card-top{top:10px;left:10px;right:10px;font-size:6px}.saved-spread.count-3 .card-top span[lang]{font-size:9px}.saved-spread>button>span{font-size:8px}.journal-note{padding:18px;margin-top:26px}.journal-note label{font-size:11px;gap:7px}.journal-note label>span{font-size:7px}.journal-note textarea{font-size:16px}.journal-note>small{font-size:18px}.status-banner{font-size:10px;gap:10px;padding:9px 16px;flex-wrap:wrap}.toast{bottom:calc(83px + env(safe-area-inset-bottom));font-size:11px;width:calc(100% - 40px);padding:13px 16px}.modal-inner{padding:20px 22px 25px}.modal .panel-heading h2{font-size:25px}.modal-actions .primary-button,.modal-actions .secondary-button{font-size:11px;padding:12px 15px}.modal{max-height:82dvh}.empty-state{padding:60px 20px}.empty-state h1{font-size:32px}}@media(max-width:360px){.page-width{padding-left:18px;padding-right:18px}.site-header{padding:0 18px}.hero-copy h1{font-size:55px}.hero-art{height:300px}.hero-card{width:140px}.hero-card.card-left,.hero-card.card-right{width:127px}.hero-card.card-left,.hero-art:hover .card-left{transform:translate(-77px,9px) rotate(-14deg)}.hero-card.card-right,.hero-art:hover .card-right{transform:translate(77px,9px) rotate(14deg)}.hero-card .card-name{font-size:17px}.orbit-one{width:260px;height:260px}.orbit-two{width:286px;height:286px}.section-heading h2{font-size:22px}.spread-choice{gap:17px;padding:17px 15px}.spread-choice small{font-size:9px}.spread-choice strong{font-size:24px}.hero-copy .eyebrow{font-size:7px}.library-grid{gap:20px 14px}.library-card .card-name{font-size:20px}.reading-intro h1{font-size:32px}.drawn-cards.spread-3 .card-name,.saved-spread.count-3 .card-name{font-size:13px}.journal-note label>span{font-size:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card-visual.card-style-classic-iching{container-type:inline-size;background:#f0e4c8;color:#27281f;border-color:#b7a57f;border-radius:5px}.card-visual.card-style-classic-iching:after{display:none}.card-visual.card-style-classic-iching>img{inset:7.5% 5% auto;width:90%;height:76%;object-fit:contain;z-index:0}.card-visual.card-style-classic-iching .card-inner-border{top:2.8%;right:2.8%;bottom:2.8%;left:2.8%;border:1px solid #544b34;border-radius:0}.card-visual.card-style-classic-iching .card-inner-border:after{display:none}.card-visual.card-style-classic-iching .card-top{inset:2.8% 6% auto;height:4.7%;color:#353526;font-size:3.8cqw;letter-spacing:.06em}.card-visual.card-style-classic-iching .card-top>span[lang]{font-size:5cqw;margin-right:auto;margin-left:4cqw}.card-visual.card-style-classic-iching .hexagram{color:#353526;width:6.3cqw;height:6.3cqw;margin:0}.card-visual.card-style-classic-iching .card-caption{top:84.2%;right:6%;bottom:3.5%;left:6%;justify-content:center;gap:1.2cqw}.card-visual.card-style-classic-iching .card-name{font-size:8cqw;line-height:.98;text-shadow:none;color:#27281f}.card-visual.card-style-classic-iching .card-name.long-card-name{font-size:6.2cqw}.card-visual.card-style-classic-iching .card-pinyin{color:#4b4935;font-size:3.1cqw;letter-spacing:.1em}.card-visual.card-style-classic-iching.card-back>img{top:5%;right:5%;bottom:5%;left:5%;width:90%;height:90%}.card-visual.card-style-classic-iching .back-emblem{top:34%;right:16%;bottom:34%;left:16%;background:#f0e4c8f2;border:1px solid #544b34;gap:2.5cqw}.card-visual.card-style-classic-iching .back-emblem svg{width:18cqw;color:#353526;filter:none}.card-visual.card-style-classic-iching .back-emblem>span{font-size:7cqw;letter-spacing:.15em;text-indent:.15em;text-shadow:none}.card-visual.card-style-classic-iching .back-emblem>i{font-size:2.1cqw;letter-spacing:.08em;text-shadow:none}.card-visual.card-style-classic-iching .card-corner{display:none}.settings-panel{position:fixed;width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.theme-settings{min-width:0;border:0;border-bottom:1px solid var(--line);padding:16px 0 21px;margin:16px 0 0}.theme-settings legend{padding:0;font-size:12px}.theme-intro{color:var(--subtle);font-size:11px;line-height:1.6;margin-bottom:14px}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-option{min-width:0;border:1px solid var(--option-border);border-radius:6px;padding:10px;background:var(--surface-soft)}.theme-option.is-selected{border-color:var(--option-selected-border);background:var(--selected-surface)}.theme-option:has(input:focus-visible),.theme-option:focus-within{outline:2px solid var(--accent);outline-offset:3px}.theme-choice{display:flex;flex-direction:column;gap:10px;cursor:pointer;height:100%}.theme-label{display:flex;align-items:center;gap:6px;min-height:30px}.theme-label input{accent-color:var(--accent);flex-shrink:0;margin:0;width:15px;height:15px}.theme-label strong{font-size:11px;font-weight:500;line-height:1.4}.theme-description{color:var(--subtle);font-size:10px;line-height:1.6}.theme-preview{--preview-bg: #101626;--preview-text: #eae5db;--preview-secondary: #b6bcc8;--preview-accent: #d8bb86;--preview-on-accent: #20232a;--preview-line: #ffffff20;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:13px 10px;min-height:110px;border:1px solid var(--preview-line);border-radius:4px;background:var(--preview-bg);color:var(--preview-text)}.theme-preview[data-preview-theme=classic-iching]{--preview-bg: #f4ecd8;--preview-text: #29261f;--preview-secondary: #69604f;--preview-accent: #9a3f2f;--preview-on-accent: #fffaf0;--preview-line: #8a75594d}.theme-preview-heading{font:500 23px/1 var(--serif)}.theme-preview-text{color:var(--preview-secondary);font-size:8px;line-height:1.5}.theme-preview-button{margin-top:auto;padding:5px 12px;border-radius:2px;background:var(--preview-accent);color:var(--preview-on-accent);font-size:8px;line-height:1.4}.card-style-settings{min-width:0;border:0;border-bottom:1px solid var(--line);padding:16px 0 21px;margin:16px 0 0}.card-style-settings legend{padding:0;font-size:12px}.card-style-intro{color:var(--subtle);font-size:11px;line-height:1.6;margin-bottom:14px}.card-style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-style-option{min-width:0;display:flex;flex-direction:column;border:1px solid var(--option-border);border-radius:6px;padding:10px;background:var(--surface-soft)}.card-style-option.is-selected{border-color:var(--option-selected-border);background:var(--selected-surface)}.card-style-option:has(input:focus-visible),.card-style-option:focus-within{outline:2px solid var(--accent);outline-offset:3px}.card-style-choice{display:flex;flex-direction:column;gap:10px;cursor:pointer}.card-style-choice:has(input:disabled){cursor:default}.card-style-label{display:flex;align-items:center;gap:6px;min-height:30px}.card-style-label input{accent-color:var(--accent);flex-shrink:0;margin:0;width:15px;height:15px}.card-style-label strong{font-size:11px;font-weight:500;line-height:1.4}.card-style-description,.card-style-availability{color:var(--subtle);font-size:10px;line-height:1.6}.card-style-description{margin-bottom:9px}.card-style-availability{display:block;margin-top:auto}.card-style-download{gap:5px;width:100%;min-height:44px;padding:8px 3px;margin-top:8px;font-size:10px;letter-spacing:0}.card-style-choice .card-style-celestial .card-top{inset:11px 12px auto;font-size:7px}.card-style-choice .card-style-celestial .card-top>span[lang]{font-size:10px}.card-style-choice .card-style-celestial .card-caption{bottom:12px;left:8px;right:8px;gap:4px}.card-style-choice .card-style-celestial .card-name{font-size:17px}.card-style-choice .card-style-celestial .card-pinyin{font-size:6px}.card-style-choice .card-style-celestial .hexagram{width:17px;height:17px}.card-style-progress{margin-top:16px;color:var(--subtle);font-size:11px;line-height:1.7}.card-style-progress progress{display:block;width:100%;height:7px;margin-top:9px;accent-color:var(--accent)}.card-style-error,.card-style-message{margin-top:12px;font-size:11px;line-height:1.7;color:var(--subtle)}.card-style-error{color:var(--error-text)}@media(max-width:640px){.settings-panel{max-height:calc(100dvh - 158px - env(safe-area-inset-bottom));padding:15px 16px}.theme-options,.card-style-options{gap:9px}.theme-option,.card-style-option{padding:8px}}