:root{--color-primary:#cc785c;--color-primary-active:#a9583e;--color-primary-disabled:#e6dfd8;--color-ink:#141413;--color-body:#3d3d3a;--color-body-strong:#252523;--color-muted:#6c6a64;--color-muted-soft:#8e8b82;--color-hairline:#e6dfd8;--color-hairline-soft:#ebe6df;--color-canvas:#faf9f5;--color-surface-soft:#f5f0e8;--color-surface-card:#efe9de;--color-surface-cream-strong:#e8e0d2;--color-surface-dark:#181715;--color-surface-dark-elevated:#252320;--color-surface-dark-soft:#1f1e1b;--color-on-primary:#fff;--color-on-dark:#faf9f5;--color-on-dark-soft:#a09d96;--color-accent-teal:#5db8a6;--color-accent-amber:#e8a55a;--font-display:"Copernicus", "Tiempos Headline", "Cormorant Garamond", "EB Garamond", Georgia, "Times New Roman", serif;--font-body:"StyreneB", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--container-width:1200px;--section-padding:96px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-canvas);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;min-width:320px;margin:0;overflow-x:hidden}main{min-height:100vh}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.siteNav{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(32px, env(safe-area-inset-right)) 0 max(32px, env(safe-area-inset-left));z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f5eb;align-items:center;gap:28px;display:flex;position:fixed;inset:0 0 auto}.brandMark{color:var(--color-ink);font-family:var(--font-body);letter-spacing:0;flex:none;align-items:center;gap:9px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brandMark:before{color:var(--color-ink);content:"✶";font-size:14px;line-height:1}.navLinks{align-items:center;gap:22px;margin-left:auto;display:flex}.navLinks a{color:var(--color-muted);letter-spacing:0;font-size:14px;font-weight:500;text-decoration:none}.navLinks a:hover{color:var(--color-ink)}.heroSection,.subHero,.darkSection,.lightSection{padding:var(--section-padding) max(32px, env(safe-area-inset-right)) var(--section-padding) max(32px, env(safe-area-inset-left));place-items:center;display:grid}.darkSection,.lightSection{content-visibility:auto;contain-intrinsic-size:720px}.heroSection,.lightSection{background:var(--color-canvas);color:var(--color-ink)}.heroSection{min-height:92vh;padding-top:calc(128px + env(safe-area-inset-top))}.lightSection{background:var(--color-surface-soft)}.darkSection{background:var(--color-surface-dark);color:var(--color-on-dark)}.subHero{background:var(--color-canvas);color:var(--color-ink);min-height:72vh;padding-top:calc(128px + env(safe-area-inset-top))}.sectionInner{width:min(100%, var(--container-width))}.heroGrid,.spreadHeroGrid,.replacementGrid,.guideGrid,.detailGrid{grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:center;gap:56px;display:grid}.heroCopy,.narrowText{max-width:660px}.eyebrow{color:var(--color-primary);letter-spacing:0;text-transform:uppercase;align-items:center;margin:0 0 18px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px;margin-right:9px}.darkEyebrow{color:var(--color-primary-active)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:0;font-weight:400}h1{margin-bottom:22px;font-size:64px;line-height:1.05}h2{margin-bottom:18px;font-size:48px;line-height:1.1}h3{font-size:28px;line-height:1.2}.intro,.sectionHeader p,.replacementGrid p,.guideCopy p,.policyItem p{color:var(--color-body);letter-spacing:0;font-size:18px;font-weight:400;line-height:1.62}.intro{max-width:560px;margin-bottom:0}.policyGrid{gap:28px;max-width:860px;display:grid}.policyItem{border-top:1px solid var(--color-hairline);padding-top:26px}.policyItem h2{margin-bottom:10px;font-size:30px}.policyItem p{margin-bottom:0}.policyItem a{color:var(--color-primary-active);font-weight:600}.darkSection .intro,.darkSection .guideCopy p,.replacementGrid p{color:var(--color-on-dark-soft)}.subHero .intro,.subHero .guideCopy p{color:var(--color-body)}.sectionHeader{text-align:center;max-width:780px;margin-inline:auto}.sectionHeader p{color:var(--color-muted);margin-bottom:0}.heroActions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.button,.textLink{border-radius:var(--radius-md);letter-spacing:0;justify-content:center;align-items:center;min-height:40px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.buttonPrimary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary)}.buttonPrimary:hover{background:var(--color-primary-active);border-color:var(--color-primary-active)}.buttonGhost{background:var(--color-canvas);border:1px solid var(--color-hairline);color:var(--color-ink)}.darkSection .buttonGhost{background:var(--color-surface-dark-elevated);color:var(--color-on-dark);border-color:#faf9f51f}.textLink{color:var(--color-primary);padding-inline:0}.textLink:hover{text-decoration:underline}.deckStage{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);color:var(--color-ink);isolation:isolate;justify-items:center;gap:22px;width:100%;max-width:520px;margin-inline:auto;padding:20px 20px 26px;display:grid;position:relative}.mockupBar{border-bottom:1px solid var(--color-hairline);justify-self:stretch;align-items:center;gap:7px;height:24px;padding:0 2px 12px;display:flex}.mockupBar span{background:var(--color-surface-cream-strong);border-radius:999px;width:8px;height:8px;display:block}.mockupBar span:first-child{background:var(--color-primary)}.deckPreviewStrip{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:8px;width:min(100%,372px);max-width:372px;height:172px;padding:20px 18px;display:grid;position:relative;overflow:hidden}.deckPreviewStrip:before{content:"";background:linear-gradient(90deg,#cc785c2e,#0000 42%),repeating-linear-gradient(135deg,#0000 0 18px,#cc785c14 18px 19px);position:absolute;inset:0}.previewCard{background:radial-gradient(circle at 50% 34%, #cc785c38 0 18px, transparent 19px), linear-gradient(var(--color-surface-card), var(--color-canvas));border-radius:var(--radius-md);z-index:1;border:1px solid #cc785c57;height:112px;display:block;position:relative}.previewCard:before,.previewCard:after{background:var(--color-primary);content:"";opacity:.52;border-radius:999px;position:absolute;top:56%;left:50%;transform:translate(-50%)}.previewCard:before{width:36%;height:1px}.previewCard:after{width:24%;height:1px;top:62%}.previewCardTall{height:124px}.previewCardWide{height:102px}.previewCardFocus{background:radial-gradient(circle at 50% 38%, var(--color-primary) 0 19px, transparent 20px), linear-gradient(var(--color-canvas), var(--color-surface-soft));height:136px}.deckFan{place-items:center;width:100%;min-height:260px;display:grid}.deckCard{aspect-ratio:5/7;background:radial-gradient(circle at 50% 36%, #cc785c33 0 34px, transparent 35px), linear-gradient(145deg, var(--color-canvas), var(--color-surface-soft));border-radius:var(--radius-lg);color:var(--color-ink);font-family:var(--font-display);letter-spacing:0;border:1px solid #cc785c52;grid-area:1/1;place-items:center;width:min(42vw,218px);font-size:38px;font-weight:400;display:grid;position:relative;overflow:hidden}.deckCard:before,.positionCard:before{border-radius:var(--radius-md);content:"";border:1px solid #cc785c3d;position:absolute;inset:14px}.deckCard:after,.positionCard:after{border-radius:var(--radius-md);content:"";border:1px solid #cc785c8f;position:absolute;inset:28px}.deckCard span,.positionCard>span,.positionCard>strong{z-index:2;position:relative}.positionCardFace{object-fit:cover;filter:brightness(.9)saturate(.98);z-index:0}.deckCardOne{transform:rotate(-13deg)translate(-42%)}.deckCardTwo{transform:rotate(8deg)translate(24%)translateY(4%)}.deckCardThree{transform:translateY(-6%)}.deckStatus{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:0;margin:0;font-size:12px;line-height:1.5}.spreadGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px;display:grid}.spreadTile{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);color:var(--color-ink);gap:10px;min-height:184px;padding:28px;text-decoration:none;display:grid}.spreadTile:hover{border-color:#cc785c70}.spreadTile strong{font-family:var(--font-display);letter-spacing:0;font-size:30px;font-weight:400;line-height:1.18}.spreadTile span:last-child{color:var(--color-muted);letter-spacing:0;font-size:16px;line-height:1.55}.spreadMeta{color:var(--color-primary-active);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.4}.replacementGrid{grid-template-columns:minmax(0,1fr) minmax(260px,360px)}.cardReplacement{aspect-ratio:1/1.15;background:var(--color-surface-dark-elevated);border-radius:var(--radius-lg);border:1px solid #faf9f51a;justify-content:center;align-items:end;gap:10px;padding:28px;display:flex;position:relative;overflow:hidden}.cardReplacement span{aspect-ratio:5/7;background:radial-gradient(circle at 50% 35%, #cc785c3d 0 12px, transparent 13px), linear-gradient(145deg, var(--color-canvas), var(--color-surface-soft));border-radius:var(--radius-md);transform:translateY(calc(var(--i) * -13px));border:1px solid #cc785c47;width:54px;display:block}.guideGrid,.detailGrid{grid-template-columns:minmax(220px,340px) minmax(0,1fr);align-items:start}.guideCopy{max-width:760px}.guideCopy p:last-of-type{margin-bottom:0}.backLink{appearance:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-body);letter-spacing:0;background:0 0;border:0;margin-bottom:28px;padding:0;font-size:14px;font-weight:600;line-height:1.43;text-decoration:none;display:inline-flex}.backLink:hover{text-decoration:underline}.spreadDiagram{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);gap:12px;max-width:100%;min-height:500px;padding:22px;display:grid;overflow-x:auto}.spreadHeroGrid{grid-template-columns:minmax(0,1fr);place-items:start center;gap:36px;width:min(100%,1180px)}.spreadHeroGrid>div:first-child{text-align:center;max-width:760px}.spreadHeroGrid .heroActions{justify-content:center}.drawBoard{justify-items:stretch;gap:18px;width:100%;min-width:0;display:grid}.drawControls{color:var(--color-muted);letter-spacing:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;display:flex}.drawControls .drawCount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-right:auto}.miniButton{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-on-primary);cursor:pointer;font:inherit;letter-spacing:0;min-height:40px;padding:10px 14px;font-weight:600}.miniButton:hover{background:var(--color-primary-active);border-color:var(--color-primary-active)}.miniButtonGhost{background:var(--color-canvas);border-color:var(--color-hairline);color:var(--color-ink)}.positionCard{aspect-ratio:5/7;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);color:var(--color-ink);text-align:center;align-content:center;justify-items:center;gap:6px;min-height:112px;padding:18px 10px;display:grid;position:relative;overflow:hidden}.positionCardButton{appearance:none;cursor:pointer;font-family:var(--font-body)}.positionCardButton:hover{border-color:#cc785cdb}.positionCardButton.isSelected{border-color:var(--color-primary);box-shadow:0 0 0 2px #cc785c33}.positionCardButton.isDrawn{background:var(--color-canvas);border-color:var(--color-hairline);color:var(--color-ink);padding:16px 8px}.positionCardImageWrap{background:var(--color-canvas);border-radius:inherit;z-index:0;position:absolute;inset:0;overflow:hidden}.positionCardBack{background:radial-gradient(circle at 50% 38%, #cc785c33 0 26px, transparent 27px), linear-gradient(145deg, var(--color-canvas), var(--color-surface-soft));place-items:center;width:100%;height:100%;display:grid;position:relative}.positionCardBack:before{border-radius:var(--radius-md);content:"";border:1px solid #cc785c47;position:absolute;inset:14px}.positionCardBack:after{content:"";opacity:.72;background:linear-gradient(90deg,#0000,#cc785c33,#0000),repeating-linear-gradient(135deg,#0000 0 16px,#cc785c14 16px 17px);position:absolute;inset:0}.positionCardBack span{border:1px solid var(--color-primary);opacity:.62;z-index:1;border-radius:999px;width:38px;height:38px;display:block;position:relative}.positionCardBack span:before,.positionCardBack span:after{background:var(--color-primary);content:"";opacity:.72;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.positionCardBack span:before{width:18px;height:1px}.positionCardBack span:after{width:1px;height:18px}.deckCard:before,.deckCard:after,.positionCard:before,.positionCard:after{z-index:1}.positionCard>span{color:var(--color-primary);letter-spacing:0;font-size:21px;font-weight:600;line-height:1}.positionCard>strong{letter-spacing:0;max-width:100%;font-size:12px;font-weight:600;line-height:1.25}.positionCard.isDrawn>span{color:var(--color-on-dark);background:#181715bd;border-radius:999px;padding:3px 8px}.positionCard.isDrawn>strong{border-radius:var(--radius-md);color:var(--color-on-dark);background:#181715c7;padding:4px 8px}.layoutSingle{grid-template-rows:repeat(3,minmax(112px,1fr));grid-template-columns:repeat(3,minmax(74px,1fr));grid-template-areas:". . ."".center."". . .";justify-self:center;width:min(100%,640px)}.layoutRelationship{grid-template-rows:repeat(2,minmax(190px,1fr));grid-template-columns:repeat(2,minmax(104px,1fr));grid-template-areas:"a b""c d";justify-self:center;width:min(100%,700px)}.layoutDiamond{grid-template-rows:repeat(3,minmax(154px,1fr));grid-template-columns:repeat(3,minmax(88px,1fr));grid-template-areas:".top.""left center right"".bottom.";justify-self:center;width:min(100%,760px)}.layoutMirror{grid-template-rows:repeat(7,minmax(88px,auto));grid-template-columns:repeat(5,minmax(54px,1fr));grid-template-areas:". .topCenter. ."". .highCenter. .""leftMind.mindCenter.rightMind""leftHeart. . .rightHeart""leftBody.bodyCenter.rightBody"". .midLow. ."". .lowCenter. .";justify-self:center;width:min(100%,980px);min-height:840px}.layoutMirror .positionCard{min-height:88px}.layoutKey{grid-template-rows:repeat(5,minmax(132px,auto));grid-template-columns:repeat(3,minmax(82px,1fr));grid-template-areas:".top.""upperLeft upperCenter upperRight"".center."".midLeft midRight"".base.";justify-self:center;width:min(100%,840px);min-height:720px}.positionList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.positionList li{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);color:var(--color-ink);letter-spacing:0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:14px;min-height:58px;padding:12px 14px;font-size:16px;line-height:1.55;display:grid}.positionList span{background:var(--color-primary);color:var(--color-on-primary);letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:inline-flex}.instructionsLayout{max-width:760px}.instructionsLayout h2{text-align:left}.spreadAppPage{background:var(--color-canvas)}.activeSpreadAnchor{scroll-margin-top:calc(64px + env(safe-area-inset-top))}.cardReadingPage{background:var(--color-canvas);color:var(--color-ink);overscroll-behavior:contain;padding:calc(24px + env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));z-index:60;grid-template-rows:auto auto 1fr;gap:28px;display:grid;position:fixed;inset:0;overflow-y:auto}.readingBackButton{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);color:var(--color-ink);cursor:pointer;justify-self:start;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.readingBackButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.readingHero{justify-items:center;display:grid}.readingHeroImage{aspect-ratio:150/224;border:1px solid var(--color-hairline);border-radius:var(--radius-xl);width:min(100%,420px);position:relative;overflow:hidden}.readingHeroImage img{object-fit:cover}.readingContent{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);justify-self:center;width:100%;max-width:720px;padding:32px}.readingHeader{margin-bottom:22px}.readingHeader .eyebrow{margin:0 0 8px;font-size:12px}.readingHeader h1{margin:0 0 8px;font-size:36px;line-height:1.15}.readingHeader span{color:var(--color-muted);font-size:13px}.readingTextGrid{gap:24px;display:grid}.readingTextGrid section h2{color:var(--color-body-strong);font-family:var(--font-body);letter-spacing:0;margin:0 0 10px;font-size:13px;font-weight:600}.readingTextGrid p{color:var(--color-body);margin:0 0 12px;line-height:1.72}.positionCardButton.with-transition .positionCardImageWrap,.cardReadingPage.with-transition .readingHeroImage{view-transition-name:card-hero}.cardReadingPage.with-transition .readingContent{view-transition-name:reading-content}.cardReadingPage.with-transition .readingBackButton{view-transition-name:reading-back}::view-transition-group(card-hero){animation-duration:.46s;animation-timing-function:cubic-bezier(.22,1,.36,1)}[style*="view-transition-name: spread-hero-"]{contain:layout}::view-transition-old(card-hero){display:none}::view-transition-new(card-hero){animation:none}::view-transition-group(reading-content){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(reading-content){animation-name:reading-slide-in}::view-transition-old(reading-content){animation-name:reading-slide-out}::view-transition-group(reading-back){animation-duration:.32s}@keyframes reading-slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes reading-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@media (max-width:980px){:root{--section-padding:80px}.heroGrid,.spreadHeroGrid,.replacementGrid,.guideGrid,.detailGrid{grid-template-columns:1fr}.heroCopy,.narrowText{text-align:center;margin-inline:auto}.intro{margin-inline:auto}.heroActions{justify-content:center}.spreadHeroGrid{width:min(100%, var(--container-width))}.spreadDiagram{min-height:460px}.spreadGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.guideGrid,.detailGrid{gap:28px}h1{font-size:54px}h2{font-size:40px}}@media (max-width:640px){:root{--section-padding:64px}.siteNav{height:calc(56px + env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left));gap:16px}.navLinks{gap:14px}.navLinks a{font-size:13px}.heroSection,.subHero,.darkSection,.lightSection{padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left))}.heroSection,.subHero{min-height:auto;padding-top:calc(88px + env(safe-area-inset-top))}.heroGrid,.spreadHeroGrid,.replacementGrid,.guideGrid,.detailGrid{gap:34px}h1{margin-bottom:14px;font-size:42px;line-height:1.08}h2{font-size:34px;line-height:1.12}.intro,.sectionHeader p,.replacementGrid p,.guideCopy p,.policyItem p{font-size:16px;line-height:1.58}.backLink{margin-bottom:18px}.eyebrow{margin-bottom:10px}.heroActions{gap:10px;margin-top:24px}.button{flex:150px;min-height:42px;padding-inline:14px}.deckStage{padding:14px 14px 20px}.deckFan{min-height:216px}.deckCard{width:min(54vw,180px)}.spreadGrid{grid-template-columns:1fr}.spreadTile{min-height:156px;padding:22px}.spreadTile strong{font-size:26px}.spreadHeroGrid{gap:28px}.spreadHeroGrid>div:first-child{text-align:left}.drawBoard{gap:14px}.drawControls{justify-content:center}.drawControls .drawCount{text-align:center;flex-basis:100%;margin-right:0}.spreadDiagram{border-radius:var(--radius-lg);gap:8px;width:100%;min-height:auto;padding:10px}.layoutRelationship,.layoutDiamond,.layoutKey,.layoutMirror{grid-template-columns:repeat(2,minmax(118px,1fr));grid-template-areas:none;min-height:auto}.layoutSingle{grid-template-columns:minmax(118px,1fr);grid-template-areas:none;min-height:auto}.positionCard{aspect-ratio:auto;min-height:112px;padding:14px 8px;grid-area:auto!important}.spreadAppPage{min-height:100dvh;overflow-x:clip}.spreadAppFrame{--mobile-draw-controls-height:calc(74px + env(safe-area-inset-bottom));height:100dvh;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow:hidden}.spreadAppGrid{grid-template-rows:auto minmax(0,1fr);align-content:stretch;align-items:stretch;gap:12px;width:100%;height:100%;min-height:0}.spreadHeroGrid>.spreadAppHeader:first-child{text-align:left;min-width:0;max-width:100%}.spreadAppHeader .backLink{align-items:center;min-height:40px;margin-bottom:4px}.spreadAppHeader .eyebrow{margin-bottom:4px;font-size:12px}.spreadAppHeader h1{margin-bottom:0;font-size:34px;line-height:1.08}.spreadAppHeader .intro,.spreadAppHeader .heroActions{display:none}.spreadAppFrame .drawBoard{overscroll-behavior:contain;height:100%;min-height:0;max-height:100%;padding-bottom:var(--mobile-draw-controls-height);-webkit-overflow-scrolling:touch;grid-template-rows:minmax(0,1fr);gap:10px;overflow:hidden auto}.spreadAppFrame .spreadDiagram{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-auto-rows:minmax(44px,1fr);align-content:stretch;height:100%;min-height:0;max-height:100%;overflow:hidden}.spreadAppFrame .layoutSingle{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.spreadAppFrame .layoutRelationship{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.spreadAppFrame .layoutDiamond{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.spreadAppFrame .layoutKey{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.spreadAppFrame .layoutMirror{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.spreadAppFrame .positionCard{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;min-height:44px;padding:4px}.spreadAppFrame .positionCard.isDrawn{padding:4px}.spreadAppFrame .positionCardImageWrap{border-radius:var(--radius-md);inset:4px 4px 48px}.spreadAppFrame .positionCard>span{color:var(--color-primary-active);z-index:2;background:#faf9f5db;border:1px solid #cc785c52;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-flex;position:absolute;top:7px;left:7px}.spreadAppFrame .positionCard>strong,.spreadAppFrame .positionCard.isDrawn>strong{color:var(--color-ink);z-index:2;-webkit-line-clamp:2;background:#faf9f5e0;border:1px solid #cc785c2e;border-radius:5px;-webkit-box-orient:vertical;align-self:end;width:100%;min-height:24px;padding:3px 4px;font-size:11px;line-height:1.18;display:-webkit-box;position:relative;overflow:hidden}.spreadAppFrame .drawControls{border-top:1px solid var(--color-hairline);padding:10px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));z-index:35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f5eb;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);justify-content:stretch;align-items:center;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.spreadAppFrame .drawControls .drawCount{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-md);color:var(--color-body);text-align:left;flex:none;justify-content:center;align-items:center;min-width:48px;min-height:40px;margin-right:0;padding:0 10px;display:inline-flex}.spreadAppFrame .miniButton{white-space:nowrap;flex:none;width:100%;min-width:0;min-height:40px;padding:9px 12px}.cardReadingPage{padding:calc(16px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));gap:20px}.readingHeroImage{width:min(100%,340px)}.readingContent{padding:24px 20px}.readingHeader h1{font-size:30px}}@media (max-width:380px){.heroSection,.subHero,.darkSection,.lightSection{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left))}h1{font-size:38px}.layoutRelationship,.layoutDiamond,.layoutKey,.layoutMirror{grid-template-columns:repeat(2,minmax(96px,1fr))}.layoutSingle{grid-template-columns:minmax(96px,1fr)}.positionCard{min-height:104px}.navLinks{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}