:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3efe7;background:#111519;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(55rem 30rem at 78% 3%,#37444854,#0000 80%),radial-gradient(35rem 30rem at 9% 22%,#362e3f55,#0000 83%),#111519;min-height:100vh;margin:0}button,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}:focus-visible{outline-offset:4px;outline:2px solid #e9be82}.oracle-shell{min-height:100vh}.site-header{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;max-width:1460px;min-height:78px;margin:auto;padding:0 clamp(22px,5vw,76px);display:flex}.brand{color:#eee9df;letter-spacing:.14em;white-space:nowrap;align-items:center;gap:12px;font-size:12px;text-decoration:none;display:flex}.brand strong{color:#e9c398}.brand-mark{color:#e9c398;border:1px solid #ad957573;border-radius:50%;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.header-caption{letter-spacing:.24em;color:#b2a28a;font-size:10px;font-weight:700}.page-body{max-width:1460px;margin:auto;padding:0 clamp(22px,5vw,76px) 80px}.tool-intro{padding:34px 0 24px}.tool-intro h1{letter-spacing:.07em;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(25px,3vw,34px);font-weight:500}.workspace-grid{grid-template-columns:minmax(320px,460px) minmax(0,1fr);align-items:start;gap:26px;display:grid}.workspace-grid.horseshoe-layout{grid-template-columns:1fr}.horseshoe-layout .setup-panel{max-width:660px}.right-column{gap:26px;min-width:0;display:grid}.setup-panel,.reading-panel,.prompt-panel{background:linear-gradient(142deg,#252c2d,#1c2325 48%,#191e21);border:1px solid #f2e7d122;border-radius:8px;padding:clamp(24px,3.1vw,42px);box-shadow:0 28px 70px #00000024}.reading-panel{min-height:500px}.section-heading{align-items:center;gap:20px;margin-bottom:34px;display:flex}.step-index{color:#e9be82;border:1px solid #d9b98680;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:14px;display:grid}.section-heading h2{letter-spacing:.08em;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:22px;font-weight:500}.field-group{border:0;min-width:0;margin:0 0 30px;padding:0}.field-label{color:#e8e3d9;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.question-input,.prompt-details textarea{color:#f3efe7;background:#101718;border:1px solid #81918a55;border-radius:4px;width:100%}.question-input{resize:vertical;min-height:120px;padding:16px;font-size:14px;line-height:1.8}.question-input::placeholder{color:#8f9b9a}.field-help,.online-note,.project-note{color:#aeb7b5;font-size:11px;line-height:1.8}.field-help{margin:8px 0 0}.spread-choices,.preset-choices,.mode-choices,.domain-choices{gap:8px;display:grid}.spread-choice,.preset-choice,.mode-choice,.domain-choice{color:#eeeae2;cursor:pointer;background:#172021;border:1px solid #71817d57;border-radius:4px;transition:border-color .2s,background .2s;display:flex;position:relative}.spread-choice:hover,.preset-choice:hover,.mode-choice:hover,.domain-choice:hover{border-color:#d1b48eaa}.spread-choice.selected,.preset-choice.selected,.mode-choice.selected,.domain-choice.selected{background:#3a372f;border-color:#d6b585}.spread-choice input,.preset-choice input,.mode-choice input,.domain-choice input{opacity:0;width:1px;height:1px;position:absolute}:is(.spread-choice:has(input:focus-visible),.preset-choice:has(input:focus-visible),.mode-choice:has(input:focus-visible),.domain-choice:has(input:focus-visible)){outline-offset:3px;outline:2px solid #e9be82}.domain-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-choice{align-items:center;min-height:54px;padding:10px 13px;font-size:13px;line-height:1.45}.spread-choice{align-items:center;gap:16px;padding:12px 16px}.spread-count{color:#e6bb82;font-family:Georgia,serif;font-size:23px;font-weight:400}.spread-choice strong,.preset-choice strong,.mode-choice strong{font-size:13px;display:block}.spread-choice small,.preset-choice small,.mode-choice small{color:#bbc0ba;margin-top:5px;font-size:10px;line-height:1.5;display:block}.preset-choice{flex-direction:column;padding:13px 16px}.mode-choices{grid-template-columns:repeat(3,1fr)}.mode-choice{text-align:center;flex-direction:column;justify-content:center;min-height:77px;padding:10px}.reversal-choice{cursor:pointer;align-items:center;gap:13px;margin:2px 0 26px;display:flex}.reversal-choice input{accent-color:#d4b487;flex:none;width:19px;height:19px}.reversal-choice strong{font-size:13px;display:block}.reversal-choice small{color:#bbc0ba;margin-top:3px;font-size:10px;display:block}.primary-button,.secondary-button{border-radius:4px;justify-content:space-between;align-items:center;width:100%;min-height:51px;padding:13px 18px;font-size:14px;font-weight:700;transition:transform .2s,background .2s;display:flex}.primary-button{color:#242525;background:#e9c69a;border:1px solid #e9c69a}.primary-button:hover:not(:disabled){background:#f3d8ae;transform:translateY(-2px)}.primary-button:disabled{opacity:.55}.secondary-button{color:#f0d5aa;background:0 0;border:1px solid #d6b585a0}.secondary-button:hover:not(:disabled){background:#d6b5851d}.online-note{margin:13px 0 0}.error-message{color:#ffe4dd;background:#602f2f55;border:1px solid #d4878388;border-radius:4px;padding:12px 14px;font-size:12px;line-height:1.7}.empty-reading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:355px;display:flex}.empty-card{background:linear-gradient(135deg,#2f3e40,#242b33);border:1px solid #d0b3858c;border-radius:6px;place-items:center;width:112px;height:158px;padding:7px;display:grid;box-shadow:0 15px 28px #0005}.empty-card span{color:#e2bd8c;border:1px solid #d0b3858c;place-items:center;width:100%;height:100%;font-size:36px;display:grid}.empty-reading p{margin:26px 0 5px;font-size:14px}.empty-reading small{color:#9fa9a8;font-size:11px}.shuffle-display{text-align:center;align-content:center;place-items:center;gap:24px;min-height:355px;display:grid}.shuffle-display p{color:#d9c39f;margin:0;font-size:13px}.shuffle-stack{aspect-ratio:7/12;width:126px;position:relative}.shuffle-card{background:#171c20;border:1px solid #d0b3858c;border-radius:6px;animation:.9s ease-in-out infinite alternate shuffle-card;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 28px #0007}.shuffle-card img{object-fit:contain;width:100%;height:100%;display:block}.shuffle-card-1{animation-delay:-600ms;transform:translate(-13px)rotate(-5deg)}.shuffle-card-2{animation-delay:-300ms}.shuffle-card-3{transform:translate(13px)rotate(5deg)}@keyframes shuffle-card{0%{translate:0}to{translate:0 -9px}}.reading-intro{color:#e6c798;margin:-2px 0 20px;font-size:13px}.reading-intro span{color:#aeb8b7}.card-grid{align-items:start;gap:14px;margin:0;padding:0;list-style:none;display:grid}.reading-card{overflow-wrap:anywhere;min-width:0}.card-open-button{color:#f3efe7;text-align:left;background:linear-gradient(158deg,#333d3e,#20282b);border:1px solid #ccb58d80;border-radius:5px;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:12px;transition:border-color .2s,transform .2s;display:flex}.card-open-button:hover{border-color:#f0cf9b;transform:translateY(-2px)}.card-open-button.advice{grid-template-columns:minmax(100px,140px) 1fr;align-items:center;column-gap:16px;display:grid}.card-open-button.advice .card-image-frame{grid-row:span 4}.card-number{color:#e8c390;font-family:Georgia,serif;font-size:23px;line-height:1}.card-position{color:#b9c2bf;margin:12px 0 9px;font-size:11px}.card-open-button strong{font-family:Yu Mincho,serif;font-size:17px;font-weight:500}.card-orientation{color:#e4c18c;margin-top:auto;padding-top:12px;font-size:11px}.card-image-frame{aspect-ratio:7/12;background:#171c20;border:1px solid #d0b3858c;border-radius:5px;place-items:center;width:100%;margin-bottom:13px;display:grid;overflow:hidden}.card-image-frame img{object-fit:fill;width:100%;height:100%;display:block}.card-image-frame img.reversed{transform:rotate(180deg)}.card-image-frame.detail{width:auto;max-height:min(74vh,720px);margin:0}.card-image-frame.detail img,.card-image-frame.detail .card-image-fallback{aspect-ratio:7/12;width:auto;height:min(74vh,720px)}.card-image-fallback{text-align:center;color:#e5d3b7;background:repeating-linear-gradient(135deg,#242b2f,#242b2f 10px,#20262a 10px 20px);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:12px;display:flex}.card-image-fallback span,.card-image-fallback small{color:#b9c2bf;font-size:11px}.card-image-fallback strong{font-size:15px}.card-grid-one_oracle{max-width:280px}.card-grid-three_card{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid-horseshoe{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(7,minmax(0,1fr));align-items:start}.card-grid-horseshoe li:first-child{grid-area:1/1}.card-grid-horseshoe li:nth-child(2){grid-area:2/2}.card-grid-horseshoe li:nth-child(3){grid-area:3/3}.card-grid-horseshoe li:nth-child(4){grid-area:4/4}.card-grid-horseshoe li:nth-child(5){grid-area:3/5}.card-grid-horseshoe li:nth-child(6){grid-area:2/6}.card-grid-horseshoe li:nth-child(7){grid-area:1/7}.card-grid-horseshoe .card-open-button{padding:7px}.card-grid-horseshoe .card-open-button strong{font-size:13px;line-height:1.35}.card-grid-horseshoe .card-number{font-size:18px}.card-grid-horseshoe .card-position{margin:8px 0 6px;font-size:9px;line-height:1.35}.card-grid-horseshoe .card-orientation{padding-top:8px;font-size:9px}.advice-area{border-top:1px solid #ffffff20;margin-top:22px;padding-top:20px}.advice-area>p{color:#adb7b3;font-size:11px}.advice-result{max-width:520px}.advice-result span{color:#e9c69a;font-size:12px}.advice-result strong{font-family:Yu Mincho,serif;font-size:17px}.advice-result small{color:#d4bd91;font-size:11px}.card-dialog{color:#f3efe7;background:#151b1d;border:1px solid #d8b9858c;border-radius:8px;width:min(920px,100vw - 42px);max-height:calc(100vh - 42px);padding:0;box-shadow:0 30px 90px #000b}.card-dialog::backdrop{background:#050607b8}.card-dialog-body{grid-template-columns:minmax(260px,420px) minmax(240px,1fr);align-items:center;gap:26px;padding:26px;display:grid;position:relative}.dialog-close{color:#f3d6aa;background:#20282b;border:1px solid #d8b9858c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.card-dialog-text h3{margin:13px 0 10px;font-family:Yu Mincho,serif;font-size:clamp(25px,4vw,38px);font-weight:500}.card-dialog-text p{color:#e4c18c;margin:0 0 24px}.card-dialog-text dl{gap:10px;margin:0;display:grid}.card-dialog-text dl div{border-bottom:1px solid #ffffff1c;grid-template-columns:110px 1fr;gap:14px;padding-bottom:10px;font-size:13px;display:grid}.card-dialog-text dt{color:#aeb8b7}.card-dialog-text dd{margin:0}.verification-details,.prompt-details{border-top:1px solid #ffffff24;margin-top:28px;padding-top:19px}.verification-details summary,.prompt-details summary{cursor:pointer;color:#e9c69a;font-size:12px}.verification-details dl{margin:20px 0}.verification-details dl div{border-bottom:1px solid #ffffff18;justify-content:space-between;gap:20px;padding:10px 0;font-size:11px;display:flex}.verification-details dt{color:#b6bfbb}.verification-details dd{overflow-wrap:anywhere;text-align:right;margin:0}.text-button{color:#e9c69a;text-align:left;text-underline-offset:4px;background:0 0;border:0;padding:5px 0;font-size:12px;text-decoration:underline}.prompt-intro{color:#b9c2bf;font-size:13px;line-height:1.8}.copy-message{color:#d2e6d5;font-size:11px}.prompt-details textarea{resize:vertical;margin-top:14px;padding:12px;font-size:11px;line-height:1.6}.site-footer{color:#9aa6a3;border-top:1px solid #ffffff1c;flex-wrap:wrap;justify-content:space-between;gap:14px;max-width:1460px;margin:auto;padding:28px clamp(22px,5vw,76px);font-size:11px;display:flex}.site-footer a{color:#d9b98d}@media (max-width:1050px){.workspace-grid{grid-template-columns:1fr}}@media (max-width:620px){.site-header{min-height:62px;padding-inline:14px}.header-caption{display:none}.page-body{padding-inline:12px;padding-bottom:54px}.tool-intro{padding:24px 2px 18px}.workspace-grid,.right-column{gap:12px}.setup-panel,.reading-panel,.prompt-panel{padding:16px}.reading-panel{min-height:320px}.section-heading{margin-bottom:25px}.domain-choices{grid-template-columns:1fr}.card-grid-one_oracle{max-width:220px}.card-grid-three_card{gap:6px}.card-grid-three_card .card-open-button{padding:6px}.card-grid-three_card .card-open-button strong{font-size:11px;line-height:1.35}.card-grid-three_card .card-number{font-size:16px}.card-grid-three_card .card-position{margin:7px 0 5px;font-size:8px;line-height:1.35}.card-grid-three_card .card-orientation{padding-top:6px;font-size:8px}.card-grid-three_card .card-image-frame{margin-bottom:8px}.card-grid-horseshoe{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(8,minmax(0,1fr));gap:6px 3px}.card-grid-horseshoe li:first-child{grid-area:1/1/auto/span 2}.card-grid-horseshoe li:nth-child(2){grid-area:2/2/auto/span 2}.card-grid-horseshoe li:nth-child(3){grid-area:3/3/auto/span 2}.card-grid-horseshoe li:nth-child(4){grid-area:4/4/auto/span 2}.card-grid-horseshoe li:nth-child(5){grid-area:3/5/auto/span 2}.card-grid-horseshoe li:nth-child(6){grid-area:2/6/auto/span 2}.card-grid-horseshoe li:nth-child(7){grid-area:1/7/auto/span 2}.card-grid-horseshoe .card-open-button{padding:4px}.card-grid-horseshoe .card-image-frame{margin-bottom:5px}.card-grid-horseshoe .card-number{font-size:17px}.card-grid-horseshoe .card-position{margin:8px 0 6px;font-size:8px;line-height:1.35}.card-grid-horseshoe .card-open-button strong{font-size:9px;line-height:1.3}.card-grid-horseshoe .card-orientation{padding-top:8px;font-size:8px}.card-open-button.advice{grid-template-columns:minmax(100px,130px) 1fr}.card-dialog{border:0;border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.card-dialog-body{grid-template-columns:1fr;align-content:start;justify-items:center;min-height:100%;padding:58px 18px 24px}.card-image-frame.detail{max-height:62vh}.card-image-frame.detail img,.card-image-frame.detail .card-image-fallback{height:min(62vh,620px)}.card-dialog-text{width:100%}.card-dialog-text dl div{grid-template-columns:96px 1fr}.mode-choices{gap:5px}.mode-choice{padding:8px 3px}.mode-choice small{font-size:9px}.site-footer{padding:25px 14px 36px}}@media (prefers-reduced-motion:reduce){.shuffle-card{animation:none}.primary-button,.secondary-button,.spread-choice,.preset-choice,.mode-choice,.domain-choice,.card-open-button{transition:none}}