@font-face{font-family:MoonSerif;src:url('assets/fonts/moon-serif-semibold.woff2?v=17') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:MoonSans;src:url('assets/fonts/moon-sans-medium.woff2?v=17') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:MoonSans;src:url('assets/fonts/moon-sans-bold.woff2?v=17') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--bg:#e9edf4;--text:#252d43;--secondary:#4e5d73;--muted:#596881;--accent:#3d5089;--line:#7784a52c;--sans:MoonSans,'PingFang SC','Microsoft YaHei',sans-serif;--serif:MoonSerif,'Songti SC',SimSun,serif;--number:Georgia,'Times New Roman',serif;--ease:cubic-bezier(.22,.75,.2,1);--diagram-fill:#f2f4fa;color-scheme:light;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:radial-gradient(ellipse at 8% 4%,#cbd7ed85,transparent 34%),radial-gradient(ellipse at 98% 38%,#d9d3e57d,transparent 34%),linear-gradient(115deg,#edf1f7,#e6eaf1 45%,#f0f1f5);color:var(--text);font-family:var(--sans);font-size:1rem;font-weight:500;line-height:1.8;min-height:100dvh;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,transparent 38%,#ffffff60 39%,#ffffff15 40%,transparent 58%),linear-gradient(24deg,transparent 68%,#ffffff70 69%,transparent 72%)}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button,input,textarea,a,label,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:disabled{cursor:default;opacity:.43}a{color:inherit;text-decoration:none}button,a,label,textarea,input,summary{transition:background .25s,border-color .25s,color .25s,box-shadow .3s,transform .35s var(--ease)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #637db9;outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}.hidden{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px;background:#fff}.skip-link:focus{top:12px}.ui-icon{display:block;width:21px;height:21px;flex:none}.glass{background:linear-gradient(135deg,#ffffffae,#f6f8fd82);border:1px solid #ffffffdb;border-radius:22px;box-shadow:0 14px 40px #38496708,inset 0 1px 0 #ffffff;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}.eyebrow{font:700 .75rem/1.6 var(--sans);letter-spacing:2px;color:var(--accent)}.header{max-width:1312px;min-height:100px;padding:20px 36px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#ffffffda,#f4f4fb62);border:1px solid #fff;border-radius:15px;box-shadow:0 5px 12px #3d508910;color:var(--accent)}.brandmark .ui-icon{width:29px;height:29px;stroke-width:1.4}.brand-name{font:600 1.6rem/1.3 var(--serif);letter-spacing:4px}.brand-name small{display:block;font:700 .75rem/1.5 var(--sans);letter-spacing:2px;margin-top:4px;color:var(--secondary)}.journey{display:flex;align-items:center;gap:15px;font-size:.875rem;color:#707c91}.journey span{padding:7px 11px;border-radius:24px;white-space:nowrap}.journey .current{background:#ffffff98;color:var(--accent);box-shadow:0 1px 4px #26365009}.journey i{height:1px;width:22px;background:#8191ad50}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:8px 0;min-height:44px;font-size:.875rem;font-weight:500;color:var(--secondary)}.text-btn:hover{color:var(--accent)}.text-btn .ui-icon{width:18px;height:18px}.primary,.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;border-radius:12px;padding:13px 22px;font-weight:700;font-size:1rem;line-height:1.6}.primary{color:#f8f9fe;background:linear-gradient(130deg,#45598c,#2b3d68);border:1px solid #2e406d;box-shadow:0 6px 14px #3448751a,inset 0 1px 0 #ffffff25}.primary:hover:not(:disabled){background:linear-gradient(130deg,#51699d,#354b7a);box-shadow:0 8px 18px #34487527;transform:translateY(-2px)}.primary .ui-icon,.outline-btn .ui-icon{width:20px;height:20px}.primary:disabled{box-shadow:none;opacity:.35}.outline-btn{border:1px solid #7887a646;background:#ffffff65;color:var(--accent);min-height:48px;font-size:.875rem;font-weight:500}.outline-btn:hover{background:#ffffffa8;border-color:#647baa80}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b5c0d24a;border-radius:50%;background:#ffffff7a;flex-shrink:0}.icon-btn:hover:not(:disabled){background:#fff;border-color:#7286b170}.icon-btn .ui-icon{width:18px;height:18px}h1,h2,h3,p{margin-top:0}h1{font:600 2.6rem/1.5 var(--serif);letter-spacing:.5px}main{max-width:1240px;margin:auto;padding:0 36px}.setup{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:60px;align-items:start;padding:48px 0 64px}.welcome{padding:22px 0 0;position:sticky;top:24px}.welcome h1{font-size:3.8rem;line-height:1.5;letter-spacing:5px;margin:20px 0}.welcome h1 em{font-style:normal;color:#485c8c}.welcome-copy{font-size:1.0625rem;line-height:1.9;color:var(--secondary);margin-bottom:22px}.hero-cards{position:relative;height:275px;max-width:350px;margin:18px 0 20px}.hero-cards img{position:absolute;top:30px;left:50%;width:128px;height:auto;aspect-ratio:600/1034;object-fit:contain;border-radius:7px;box-shadow:0 20px 24px #354b6d1d,0 1px 3px #28375212;outline:1px solid #fff8;transition:transform .8s var(--ease)}.hero-cards .hero-left{transform:translateX(-114%) rotate(-15deg);filter:saturate(.8)}.hero-cards .hero-right{transform:translateX(17%) rotate(15deg);filter:saturate(.8)}.hero-cards .hero-center{width:137px;top:4px;transform:translateX(-50%) rotate(-3deg)}.hero-cards:hover .hero-left{transform:translateX(-122%) rotate(-18deg)}.hero-cards:hover .hero-right{transform:translateX(25%) rotate(18deg)}.welcome-caption{margin-left:12px;border-left:2px solid #8c9cb82e;padding-left:16px}.welcome-caption>span{font:500 .75rem var(--number);letter-spacing:2px;color:var(--accent)}.welcome-caption p{font-size:.875rem;color:var(--secondary);margin:8px 0 0}.setup-panel{padding:30px;min-width:0}.form-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:17px}.step-number{font:500 1.125rem/1.9 var(--number);color:#7182a3;margin-right:10px}.form-heading>.step-number{margin-right:0}.form-heading label{font-size:1.1875rem;font-weight:700;line-height:1.7}.form-heading p{font-size:.875rem;color:var(--muted);margin:2px 0 0}textarea{display:block;resize:vertical;min-height:98px;max-height:240px;width:100%;border:1px solid #7184a638;background:#fbfcff96;border-radius:12px;padding:14px 16px;color:var(--text);font-size:1rem;font-weight:500;line-height:1.85;box-shadow:inset 0 2px 3px #273c5910}textarea::placeholder{color:#707c91}textarea:focus{border-color:#6176a38c;background:#ffffffd9;box-shadow:0 0 0 4px #8da8d51a}.topic-row{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0 26px}.topic{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;padding:8px 10px;border-radius:8px;border:1px solid transparent;color:#5a6880;min-height:40px}.topic .ui-icon{width:16px;height:16px}.topic:hover{background:#fff7}.topic.chosen{background:#e0e6f48c;border-color:#98a9c435;color:#344b80}.spread-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:0;padding:0}.spread-select legend{font-size:1.1875rem;font-weight:700;margin-bottom:15px}.spread{position:relative;display:grid;grid-template-columns:53px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #a3afc333;border-radius:13px;cursor:pointer;padding:14px 11px;min-height:108px;background:#f7f9fd40}.spread:hover{transform:translateY(-2px);background:#ffffffa3;border-color:#7186b561;box-shadow:0 5px 16px #344b6e08}.spread.active{border-color:#7b8fb68c;background:linear-gradient(135deg,#e5ebf8ca,#f6f8ff9e);box-shadow:0 2px 6px #465b8310,inset 0 0 0 1px #fff7}.spread:has(input:focus-visible){outline:3px solid #637db9;outline-offset:3px}.spread input{position:absolute;width:1px;height:1px;opacity:0}.spread-diagram{width:53px;height:58px;color:#697d9f}.spread.active .spread-diagram{color:#3f5686}.spread-diagram svg{width:100%;height:100%;overflow:visible}.spread-copy{padding-top:3px;min-width:0}.spread-copy b{display:block;font-size:1rem;font-weight:700;line-height:1.6;margin-bottom:6px}.spread-copy small{display:block;font-size:.875rem;line-height:1.65;color:#616e84}.spread-count{position:absolute;right:9px;top:5px;display:flex;align-items:baseline;gap:2px;font:500 .875rem var(--number);color:#8190a7}.spread-count small{font:500 .75rem var(--sans)}.spread-help{font-size:.875rem;line-height:1.85;color:var(--secondary);padding-left:13px;border-left:2px solid #92a4c55c;margin:16px 0 21px;min-height:48px}.choice-inputs{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:22px}.choice-inputs label{font-size:.875rem;font-weight:700}.choice-inputs input{display:block;min-width:0;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--line);background:#fff8;border-radius:8px;font-size:1rem;font-weight:500;color:var(--text)}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.875rem;color:var(--secondary);margin:0 0 18px}.orientation-option{display:flex;gap:9px;align-items:center;cursor:pointer;min-height:36px}.orientation-option input{appearance:none;position:relative;width:32px;height:20px;flex:none;margin:0;background:#aeb8c4;border:1px solid #8c9bb53b;border-radius:20px;transition:background .3s}.orientation-option input:before{content:'';position:absolute;width:14px;height:14px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #24394d25;transition:transform .3s var(--ease)}.orientation-option input:checked{background:#506995}.orientation-option input:checked:before{transform:translateX(12px)}.start-btn{width:100%;justify-content:space-between}
/* The table keeps all 78 physical choices in one continuous ribbon. */
.draw,.reading,.result{padding:28px 0 56px}.page-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.small-label{font-size:.875rem;color:var(--secondary)}.draw-heading{display:flex;justify-content:space-between;align-items:center;gap:26px;margin:18px 0 25px}.draw-heading h1{font-size:2.2rem;margin:9px 0 12px}.question-line{font-size:1rem;font-weight:500;line-height:1.9;color:var(--secondary);max-width:750px;overflow-wrap:anywhere;margin:10px 0 0}.deck-count{min-width:96px;text-align:center;border-left:1px solid var(--line);padding-left:30px;flex-shrink:0}.deck-count strong{display:block;font:500 3rem/1.1 var(--number);color:var(--accent)}.deck-count>span{display:block;font-size:.875rem;color:var(--secondary);margin-top:8px}.deck-table{padding:20px 0 18px;overflow:hidden;background:linear-gradient(130deg,#fdfdff90,#e1e7f56e);box-shadow:0 20px 40px #374f7109,inset 0 1px 0 #fff}.deck-toolbar{padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.9375rem;color:#465773}.deck-arrows{display:flex;gap:8px}.deck-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;user-select:none}.deck-viewport::-webkit-scrollbar{display:none}.deck-viewport.dragging{cursor:grabbing}.deck{display:flex;align-items:center;min-width:max-content;padding:42px 38px 34px;perspective:1600px;isolation:isolate}.pick-card{position:relative;display:block;flex:0 0 106px;width:106px;height:183px;padding:0;margin-right:-57px;transform-origin:50% 90%;border-radius:7px;transition:transform .38s var(--ease),opacity .3s,filter .35s;cursor:grab;box-shadow:2px 8px 15px #30436921;will-change:transform}.pick-card:last-child{margin-right:0}.pick-card:hover:not(:disabled),.pick-card:focus-visible{transform:translateY(-18px) rotate(-2deg);z-index:2;filter:brightness(1.09);cursor:pointer}.pick-card.selected{opacity:.23;transform:translateY(11px);box-shadow:none}.pick-card.selected:hover{opacity:.5}.pick-card:disabled:not(.selected){opacity:.66}.pick-card:disabled{cursor:default}.card-back{display:block;position:relative;width:100%;height:100%;border:1px solid #a8b4c4;border-radius:6px;background:linear-gradient(140deg,#46587e,#2d3e60 75%,#3c5075);padding:8px;box-shadow:inset 0 0 0 2px #d3d5e133,inset 0 0 20px #141e3a20;overflow:hidden}.back-border{display:block;position:relative;width:100%;height:100%;border:1px solid #bac4d266;border-radius:3px;overflow:hidden}.back-orbit{position:absolute;display:block;left:14%;top:17%;width:72%;height:66%;border:1px solid #c6b99c88;border-radius:50%}.orbit-a{transform:rotate(-30deg)}.orbit-b{transform:rotate(30deg)}.back-diamond{position:absolute;top:43%;left:39%;width:22%;height:14%;border:1px solid #e0d5b5ae;transform:rotate(45deg);background:#e0d5b508}.back-word{position:absolute;left:0;right:0;bottom:7%;font:500 6px var(--number);letter-spacing:1.5px;text-align:center;color:#d5d8e6a8}.deck-scroll{display:flex;align-items:center;gap:22px;padding:0 28px;color:#5c6d87;font-size:.875rem}.deck-scroll>span:first-child{font-variant-numeric:tabular-nums;min-width:80px}.deck-scroll input{appearance:none;flex:1;min-width:40px;height:28px;background:transparent;cursor:pointer;margin:0}.deck-scroll input::-webkit-slider-runnable-track{height:3px;background:#b5c2d562;border-radius:4px}.deck-scroll input::-webkit-slider-thumb{appearance:none;height:12px;width:44px;margin-top:-4.5px;border-radius:10px;background:#7286aa;border:2px solid #e7edf5;box-shadow:0 1px 4px #3c527d24}.deck-scroll input::-moz-range-track{height:3px;background:#b5c2d562}.deck-scroll input::-moz-range-thumb{height:10px;width:42px;border-radius:10px;background:#7286aa;border:2px solid #e7edf5}.scroll-hint{font-size:.875rem;white-space:nowrap}.selection-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:26px 0 10px}.selection-heading h2{font-size:1rem;font-weight:700;margin:0}.selection-heading>span{font-size:.875rem;color:var(--accent);font-variant-numeric:tabular-nums}.selected-positions{display:flex;gap:8px;overflow-x:auto;padding:6px 0 12px;scrollbar-width:thin;scrollbar-color:#a0aec454 transparent;min-height:142px}.position{position:relative;flex:0 0 99px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:4px 4px 0;opacity:1!important;color:#67768e}.slot-card{display:grid;place-items:center;width:50px;height:86px;border:1px dashed #92a3be7a;border-radius:6px;background:#f4f6fc3b}.slot-card .card-back{padding:4px;border-color:#8192b4;border-radius:5px;box-shadow:0 6px 10px #34456512}.slot-card .back-word{display:none}.slot-card .back-orbit{border-width:.7px}.slot-number{font:500 1.2rem var(--number);color:#8e9db4}.slot-label{font-size:.875rem;line-height:1.6;white-space:nowrap}.position.filled{color:#364d78}.position.filled .slot-card{border:0}.position.filled:hover .slot-card{transform:translateY(-4px);transition:transform .3s}.slot-remove{position:absolute;right:10px;top:0;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#f7f9fd;box-shadow:0 1px 4px #2a3b5826;color:#526889}.slot-remove .ui-icon{width:12px;height:12px}.draw-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:22px;border-top:1px solid var(--line)}.draw-controls p{font-size:.875rem;color:var(--muted);margin:0;flex:1}.draw-controls .primary{min-width:235px}.flying-card{position:fixed;z-index:30;pointer-events:none;transform-origin:top left;box-shadow:0 16px 26px #243a6528}
/* A card and its reading share the same space; no theatrical overlay. */
.reading>.page-top{align-items:flex-start}.reading>.page-top .eyebrow{font-size:.875rem;letter-spacing:1px}.session-count{font-size:.875rem;white-space:nowrap;color:var(--accent);padding:8px 14px;background:#ffffff7a;border:1px solid #fff;border-radius:20px}.reading-rail{display:flex;gap:8px;overflow-x:auto;margin:25px 0 34px;padding:3px 0 9px;scrollbar-width:thin;scrollbar-color:#a0aec454 transparent}.rail-card{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:10px 13px;border:1px solid #8d9dba2b;border-radius:10px;background:#f6f8fc50;min-height:48px;color:#526783}.rail-card>span{font:500 1rem var(--number);color:#7b8aa5}.rail-card b{font-size:.875rem;font-weight:500}.rail-card .ui-icon{width:15px;height:15px;color:#5c738b}.rail-card>i{width:7px;height:7px;border:1px solid #7d8fab88;border-radius:50%}.rail-card.active{border-color:#7a8db16c;background:#ffffffb5;box-shadow:0 2px 8px #31466908}.rail-card.active b{font-weight:700;color:#334d7a}.rail-card.active>span{color:#3e5686}.rail-card:disabled{opacity:.55}.rail-card.active:disabled{opacity:1}.reading-workspace{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:52px;align-items:start;scroll-margin-top:20px}.card-stage{position:sticky;top:32px;display:flex;flex-direction:column;align-items:center;padding:20px 10px 28px;perspective:1500px}.card-stage-label{display:flex;align-items:center;gap:15px;margin-bottom:24px;color:#52688c}.card-stage-label>span:first-child{font:500 2rem var(--number);color:#7e8eaa}.card-stage-label>span:last-child{font-size:1rem;font-weight:700}.focus-card{display:block;width:242px;aspect-ratio:600/1034;padding:0;perspective:1400px;border-radius:9px;opacity:1!important;transition:transform .35s var(--ease)}.focus-card:hover:not(:disabled){transform:translateY(-4px) rotate(-1deg)}.card-flip{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0);transition:transform .65s cubic-bezier(.35,.05,.2,1)}.card-flip.flipped{transform:rotateY(180deg)}.card-flip.no-motion{transition:none!important}.card-face{position:absolute;display:block;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;box-shadow:0 20px 34px #40587a26,0 2px 5px #2537491c;overflow:hidden}.card-face-back .card-back{border-radius:8px;padding:13px}.card-face-back .back-word{font-size:10px;letter-spacing:2.4px}.card-face-front{transform:rotateY(180deg);background:#e5dabf}.card-face-front img{display:block;width:100%;height:100%;object-fit:contain}.reversed{transform:rotate(180deg)}.card-caption{font-size:.875rem;font-weight:500;color:#61728c;margin:25px 0 0}.card-reading{padding:34px 38px;min-height:575px;background:linear-gradient(140deg,#ffffffc2,#f5f7fbb3)}.unopened{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:495px}.unopened h1{font-size:2.5rem;margin:15px 0 23px}.unopened>p{font-size:1.0625rem;font-weight:500;line-height:1.95;color:var(--secondary);max-width:25em;margin-bottom:30px}.unopened .quiet-note{font-size:.875rem;color:var(--muted);margin:16px 0 0}.card-meta{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#5b6e8c;margin-bottom:11px}.orientation-badge{border:1px solid #8095b549;background:#e6ebf666;font-size:.75rem;padding:1px 10px;border-radius:20px}.reading-article{scroll-margin-top:22px;overflow-wrap:anywhere}.reading-article>h1{font:700 2.375rem/1.5 var(--sans);letter-spacing:1px;margin:0 0 8px;color:#25334b}.card-keywords{font-size:.875rem;line-height:1.8;color:#536884;margin-bottom:28px}.reading-article>h2{font:600 1.75rem/1.75 var(--serif);color:#3d527c;padding-top:25px;border-top:1px solid var(--line);margin:0 0 18px}.reading-article p{font-size:1.0625rem;font-weight:500;line-height:1.95;letter-spacing:.12px;color:#414f67;margin:0 0 18px}.reading-article p.card-keywords{font-size:.875rem;color:#536884;margin-bottom:25px}.reading-article .lead-paragraph{color:#2e3d57;font-size:1.0625rem}.card-action{display:grid;grid-template-columns:30px minmax(0,1fr);gap:13px;padding:21px 0;border-top:1px solid var(--line);margin-top:24px}.action-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#d9e2f362;border:1px solid #92a5c434;color:#4a618d;margin-top:2px}.action-icon .ui-icon{width:18px;height:18px}.card-action h3{font-size:1rem;font-weight:700;margin:0 0 9px;line-height:1.8}.card-action p{font-size:1rem;margin-bottom:0}.meaning-details{padding-top:18px;border-top:1px solid var(--line)}.meaning-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-size:.875rem;color:#536b8b;cursor:pointer;min-height:28px}.meaning-details summary::-webkit-details-marker{display:none}.meaning-details summary .ui-icon{width:17px;height:17px}.meaning-details[open] summary{margin-bottom:17px}.meaning-details p{font-size:1rem;line-height:1.9;color:#56647b}.meaning-details h3{font-size:.9375rem;font-weight:700;margin:20px 0 10px}.reading-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.reading-actions .primary{gap:16px;font-size:.9375rem;min-height:49px;padding:11px 17px}.reading-actions .text-btn{font-size:.875rem;gap:5px}.reading-actions .text-btn .ui-icon{width:16px}
/* Editorial hierarchy for the combined reading. */
.result-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:20px 0 43px}.result-heading h1{font-size:2.35rem;margin:9px 0 14px}.result-heading .outline-btn{flex-shrink:0}.reading-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px}.reading-aside{position:sticky;top:28px;align-self:start}.spread-recap{padding:22px;background:#ffffff76;text-align:center}.summary-diagram{width:92px;height:74px;color:#4e6492;margin:0 auto 12px}.summary-diagram svg{width:100%;height:100%}.spread-recap h2{font:700 1.125rem/1.7 var(--sans);margin:5px 0}.spread-recap>p{font-size:.875rem;color:var(--muted);margin:5px 0 17px}.result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:10px}.result-cards:has(>:only-child){grid-template-columns:76px;justify-content:center}.result-card{position:relative;padding:0;min-width:0;transition:transform .35s var(--ease)}.result-card img{width:100%;display:block;aspect-ratio:600/1034;border-radius:4px;box-shadow:0 6px 8px #32496d18;object-fit:contain}.result-card:hover{transform:translateY(-5px)}.result-card>span{display:block;font:500 .75rem/1.7 var(--number);color:#62728e;margin-top:6px}.reading-index{display:flex;flex-direction:column;margin-top:24px;padding:0 9px}.reading-index a{font-size:.875rem;color:#5b6d89;padding:13px 0;border-bottom:1px solid var(--line);line-height:1.7}.reading-index a span{font:500 .875rem var(--number);color:#7c8eaa;margin-right:11px}.reading-index a:hover{color:#324c7e;transform:translateX(3px)}.reflection{max-width:720px;min-width:0;overflow-wrap:anywhere}.overall{padding:7px 0 24px;border-top:3px solid #7487ac;scroll-margin-top:28px}.reading-kicker{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.875rem;color:#657593;padding:17px 0 23px}.overall h2{font:600 2rem/1.65 var(--serif);color:#2d405f;margin:0 0 23px}.reflection p{font-size:1.0625rem;font-weight:500;line-height:2;color:#45546d;margin:0 0 18px;letter-spacing:.1px}.reflection .lead-paragraph{font-size:1.125rem;color:#2e3d56}.reading-section{border-top:1px solid #8797b23b;padding-top:31px;margin-top:12px;padding-bottom:20px;scroll-margin-top:28px}.section-title{display:flex;align-items:baseline;gap:17px;margin-bottom:21px}.section-title>span{font:500 1.35rem/1.5 var(--number);color:#7b8eac}.section-title h3{font:700 1.375rem/1.7 var(--sans);color:#2d3e5b;margin:0}.evidence{border-left:2px solid #93a5c662;padding:4px 0 3px 14px;margin:23px 0 2px}.evidence b{font-size:.75rem;font-weight:700;color:#657b9f;letter-spacing:1px}.evidence p{font-size:.875rem;line-height:1.85;color:#64758e;margin:6px 0 0}.next-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:17px;background:linear-gradient(130deg,#d8e2f265,#ffffff31);border-top:1px solid #a4b4cf70;border-bottom:1px solid #a4b4cf42;padding:26px 22px;margin:22px 0 26px;border-radius:0 15px 15px 0;scroll-margin-top:28px}.next-step h3{font:700 1.3rem/1.7 var(--sans);color:#33496e;margin:8px 0 14px}.next-step p:last-child{margin-bottom:0}.reflection .reading-footnote{font-size:.875rem;line-height:1.9;color:#6b7b92;margin-top:28px}.result-end{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.875rem;color:var(--secondary);margin-top:45px;padding-top:24px;border-top:1px solid var(--line)}footer{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 36px 32px;border-top:1px solid var(--line);font-size:.875rem;color:#65758e}.footer-brand{font:600 1rem var(--serif);color:#4a5f81;letter-spacing:2px}.footer-brand small{font:700 .75rem var(--sans);letter-spacing:1.5px;margin-left:8px}dialog{background:linear-gradient(135deg,#f7f9ffeF,#edf2faeb);border:1px solid #fff;border-radius:20px;padding:32px 36px;max-width:660px;width:calc(100% - 32px);max-height:86dvh;color:var(--text);box-shadow:0 30px 90px #172f5430;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}dialog::backdrop{background:#24395845;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.close-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#536985}.close-btn:hover{background:#d5e1f35c}dialog h2{font:600 1.875rem/1.6 var(--serif);margin:16px 0 25px}dialog h3{font-size:1.0625rem;font-weight:700;margin:25px 0 10px}dialog p{font-size:1rem;font-weight:500;line-height:1.95;color:#4c5e79}dialog strong{font-weight:700;color:#344b70}.sources{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.sources a{font-size:.875rem;line-height:1.8;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;color:#4a6796}.small-note{font-size:.875rem!important;color:#6b7c95!important;margin-bottom:0}
@media(min-width:1400px){.setup{gap:90px;padding-top:54px}.welcome{padding-top:24px}.setup-panel{padding:34px}.spread{grid-template-columns:60px 1fr;gap:12px}.spread-diagram{width:60px}}
@media(max-width:1100px){main{padding:0 30px}.header{padding-left:30px;padding-right:30px}.setup{gap:35px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.welcome h1{font-size:3.1rem;letter-spacing:3px}.welcome .eyebrow{font-size:.75rem;letter-spacing:1.2px}.hero-cards{height:235px}.hero-cards img{width:108px}.hero-cards .hero-center{width:118px}.setup-panel{padding:25px}.spread{grid-template-columns:43px 1fr;padding:13px 10px;gap:9px}.spread-diagram{width:43px}.spread-copy b{font-size:.9375rem}.spread-copy small{font-size:.875rem}.reading-workspace{grid-template-columns:minmax(225px,.7fr) minmax(0,1.3fr);gap:28px}.focus-card{width:215px}.card-reading{padding:30px}.reading-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.spread-recap{padding:18px}.result-cards{grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:8px}.journey{gap:8px}.journey i{width:14px}.draw-heading h1{font-size:1.95rem}}
@media(max-width:760px){.header{min-height:80px;padding:14px 22px;gap:16px}.brandmark{width:38px;height:38px;border-radius:12px}.brandmark .ui-icon{width:25px;height:25px}.brand-name{font-size:1.35rem;letter-spacing:3px}.brand-name small{font-size:.75rem;letter-spacing:1.5px;margin-top:3px}.brand{gap:9px}.journey{display:none}.header .text-btn{font-size:.875rem;gap:7px}main{padding:0 20px}.setup{display:block;padding:27px 0 36px}.welcome{position:relative;top:0;padding:0 0 27px;min-height:170px}.welcome .eyebrow{font-size:.75rem;letter-spacing:1.2px;max-width:210px}.welcome h1{font-size:2.4rem;line-height:1.45;letter-spacing:2px;margin:13px 0 12px;position:relative;z-index:1}.welcome h1 br{display:none}.welcome-copy{font-size:.875rem;line-height:1.85;margin:0;position:relative;z-index:1;max-width:220px}.hero-cards{position:absolute;right:-7px;top:70px;width:138px;height:110px;opacity:.9;margin:0;z-index:0;pointer-events:none}.hero-cards img{width:48px;top:9px;border-radius:3px;box-shadow:0 7px 12px #344b731e}.hero-cards .hero-center{width:53px;top:0}.welcome-caption{display:none}.setup-panel{padding:22px 18px;border-radius:18px}.form-heading{gap:10px;margin-bottom:14px}.form-heading label,.spread-select legend{font-size:1.0625rem}.form-heading p{font-size:.875rem}.step-number{font-size:1rem}.topic-row{gap:2px;margin:11px 0 24px}.topic{font-size:.875rem;padding:8px 7px;gap:4px}.topic .ui-icon{width:15px;height:15px}.spread-select{gap:8px}.spread{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:13px 11px;min-height:155px;border-radius:11px}.spread-diagram{width:62px;height:53px}.spread-copy{padding-top:0}.spread-copy b{font-size:1rem;margin:0 0 5px}.spread-copy small{font-size:.875rem;line-height:1.65}.spread-count{font-size:.9375rem;top:10px;right:11px;gap:3px}.spread-count small{font-size:.75rem}.spread-help{font-size:.875rem;padding-left:10px;min-height:0;margin:15px 0 18px}.form-bottom{font-size:.75rem;gap:8px;flex-wrap:wrap}.orientation-option{gap:7px}.primary{font-size:.9375rem;min-height:52px}.choice-inputs{grid-template-columns:1fr}.draw,.reading,.result{padding:21px 0 38px}.page-top{gap:15px;margin-bottom:21px}.small-label{font-size:.875rem}.draw-heading{gap:14px;margin:15px 0 22px}.draw-heading .eyebrow{font-size:.75rem;letter-spacing:1px}.draw-heading h1{font-size:1.65rem;line-height:1.6;margin:9px 0 10px;max-width:12em}.question-line{font-size:.9375rem;line-height:1.9}.deck-count{min-width:58px;padding-left:16px}.deck-count strong{font-size:2.5rem}.deck-count>span{font-size:.75rem;margin-top:7px}.deck-table{border-radius:17px;padding:13px 0 16px;margin-left:-5px;margin-right:-5px}.deck-toolbar{padding:0 16px;font-size:.875rem;gap:12px;min-height:40px}.deck-arrows{gap:5px}.icon-btn{width:40px;height:40px}.icon-btn .ui-icon{width:16px;height:16px}.deck{padding:34px 22px 28px}.pick-card{flex-basis:90px;width:90px;height:155px;margin-right:-43px}.card-back{padding:6px;border-radius:5px}.back-word{font-size:5px;letter-spacing:1px}.deck-scroll{padding:0 17px;gap:15px;font-size:.75rem}.deck-scroll>span:first-child{min-width:75px}.scroll-hint{display:none}.selection-heading{margin:23px 0 8px}.selection-heading h2{font-size:.9375rem}.selection-heading>span{font-size:.875rem}.selected-positions{gap:4px;min-height:132px;padding-bottom:10px}.position{flex-basis:82px;gap:8px;padding-left:2px;padding-right:2px}.slot-card{width:46px;height:79px}.slot-label{font-size:.875rem}.slot-remove{right:7px}.draw-controls{display:grid;grid-template-columns:1fr auto;gap:9px 14px;padding-top:15px;margin-top:12px}.draw-controls p{font-size:.75rem;grid-column:1 / -1;grid-row:2;margin-top:2px}.draw-controls .primary{min-width:0;font-size:.875rem;gap:14px;padding:12px 16px;min-height:49px}.draw-controls .text-btn{justify-content:flex-start;font-size:.875rem}.reading>.page-top{gap:18px}.reading>.page-top .eyebrow{font-size:.875rem}.session-count{padding:6px 10px;font-size:.75rem;margin-top:0}.reading-rail{margin:21px 0 20px;gap:7px;padding-bottom:9px}.rail-card{min-height:44px;padding:8px 10px;gap:8px}.rail-card b{font-size:.875rem}.rail-card>span{font-size:.9375rem}.reading-workspace{display:block}.card-stage{position:relative;top:0;padding:5px 0 23px}.card-stage-label{margin-bottom:17px;gap:12px}.card-stage-label>span:first-child{font-size:1.5rem}.card-stage-label>span:last-child{font-size:.9375rem}.focus-card{width:155px;border-radius:7px}.card-face{border-radius:7px;box-shadow:0 14px 24px #40587a26}.card-face-back .card-back{padding:9px}.card-face-back .back-word{font-size:6px;letter-spacing:2px}.card-caption{font-size:.875rem;margin-top:18px}.card-reading{min-height:0;padding:25px 23px;border-radius:18px}.unopened{min-height:0;align-items:flex-start}.unopened>.eyebrow{font-size:.75rem;letter-spacing:1.5px}.unopened h1{font-size:1.875rem;margin:10px 0 15px}.unopened>p{font-size:1rem;line-height:1.9;margin-bottom:22px}.unopened .primary{width:100%;justify-content:space-between}.unopened .quiet-note{font-size:.875rem;margin-top:13px}.card-meta{font-size:.875rem;margin-bottom:10px}.reading-article>h1{font-size:2rem;line-height:1.55}.reading-article>h2{font-size:1.5rem;line-height:1.75;padding-top:23px;margin-bottom:17px}.reading-article p,.reading-article .lead-paragraph{font-size:1.0625rem;line-height:1.95}.reading-article p.card-keywords{font-size:.875rem;margin-bottom:23px}.card-action{grid-template-columns:26px minmax(0,1fr);gap:10px;margin-top:22px}.action-icon{width:26px;height:26px;border-radius:8px}.action-icon .ui-icon{width:16px;height:16px}.card-action h3{font-size:.9375rem}.card-action p{font-size:1rem}.meaning-details p{font-size:1rem}.reading-actions{gap:12px;flex-wrap:wrap;margin-top:23px;padding-top:19px}.reading-actions .primary{font-size:.875rem;gap:9px;padding:11px 13px;min-height:47px;margin-left:auto}.reading-actions .primary .ui-icon{width:18px}.reading-actions .text-btn{font-size:.75rem}.result-heading{display:block;margin:12px 0 30px}.result-heading h1{font-size:1.85rem;line-height:1.6;margin:10px 0 13px}.result-heading .eyebrow{font-size:.75rem}.result-heading .outline-btn{margin-top:17px;min-height:44px;padding:9px 14px;font-size:.875rem}.reading-layout{display:block}.reading-aside{position:relative;top:0;margin-bottom:28px}.spread-recap{display:grid;grid-template-columns:65px minmax(0,1fr);column-gap:15px;padding:17px 19px;text-align:left;border-radius:16px}.summary-diagram{width:62px;height:58px;grid-column:1;grid-row:1 / 3;margin:0}.spread-recap h2{font-size:1rem;margin:4px 0 2px;grid-column:2}.spread-recap>p{font-size:.75rem;margin:0 0 15px;grid-column:2}.result-cards{grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(25px,1fr));gap:9px;max-width:460px}.result-cards:has(>:only-child){grid-template-columns:55px;justify-content:start}.result-card img{max-height:115px;object-fit:contain;box-shadow:none}.result-card>span{font-size:.75rem;margin-top:5px}.reading-index{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;margin:17px 0 0;padding:0}.reading-index a{border:1px solid #93a5be31;border-radius:7px;background:#ffffff62;padding:7px 10px;font-size:.75rem;line-height:1.7}.reading-index a span{display:none}.reading-index a:hover{transform:none}.overall{padding-top:1px;padding-bottom:21px;border-top-width:2px}.reading-kicker{font-size:.75rem;padding-top:16px;padding-bottom:19px;gap:10px}.overall h2{font-size:1.8rem;line-height:1.75;margin-bottom:22px}.reflection p{font-size:1.0625rem;line-height:2;margin-bottom:19px;color:#41516c}.reflection .lead-paragraph{font-size:1.125rem;line-height:2;color:#2d3d57}.reading-section{padding-top:26px;padding-bottom:20px;margin-top:6px}.section-title{gap:13px;margin-bottom:20px}.section-title>span{font-size:1.2rem;flex:none}.section-title h3{font-size:1.25rem;line-height:1.75}.evidence{margin-top:22px;padding-left:12px}.evidence b{font-size:.75rem}.evidence p{font-size:.875rem;line-height:1.9;margin:5px 0 0}.next-step{padding:24px 17px;grid-template-columns:27px minmax(0,1fr);gap:12px;margin:18px 0 22px}.next-step .eyebrow{font-size:.75rem;letter-spacing:1.6px}.next-step h3{font-size:1.1875rem;line-height:1.8;margin-top:7px}.next-step .lead-paragraph{font-size:1.0625rem;line-height:1.95}.reflection .reading-footnote{font-size:.75rem;line-height:1.9}.result-end{display:block;font-size:.875rem;padding-top:20px;margin-top:33px}.result-end .text-btn{display:flex;justify-content:flex-start;font-size:.875rem;margin-top:8px}footer{padding:23px 22px 27px;flex-wrap:wrap;gap:10px 20px;font-size:.75rem}footer>span:nth-child(2){order:3;flex-basis:100%;font-size:.75rem}.footer-brand{font-size:.9375rem}.footer-brand small{font-size:.75rem}footer .text-btn{font-size:.875rem;margin-left:auto}.footer-brand small{display:none}dialog{padding:24px;max-height:87dvh;border-radius:18px}dialog h2{font-size:1.75rem}dialog p{font-size:1rem;line-height:1.9}dialog h3{font-size:1rem}.sources a{font-size:.875rem}}
@media(max-width:380px){main{padding:0 16px}.header{padding-left:18px;padding-right:18px}.welcome h1{font-size:2.05rem}.welcome .eyebrow{font-size:.75rem}.hero-cards{right:-10px;top:63px;width:125px;opacity:.78}.setup-panel{padding:20px 14px}.topic{padding:7px 5px;font-size:.875rem}.topic .ui-icon{width:14px}.spread{padding:12px 10px;min-height:155px}.spread-copy b{font-size:.9375rem}.spread-copy small{font-size:.875rem}.form-bottom{font-size:.75rem}.draw-heading h1{font-size:1.5rem}.card-reading{padding:24px 20px}.reading-actions .primary{font-size:.875rem}.draw-controls .primary{padding:11px 12px;gap:8px}.deck-count{padding-left:12px}.deck-toolbar{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.flying-card{display:none}}

/* Night edition: distinct reading panels and a true spread table. */
:root{--bg:#101822;--text:#e5e9ed;--secondary:#b5c2d1;--muted:#9aaec2;--accent:#b1c8dc;--line:#9bb4d025;--diagram-fill:#223244;color-scheme:dark}
body{background:radial-gradient(ellipse at 0 0,#344d702a,transparent 43%),radial-gradient(ellipse at 100% 35%,#34534f15,transparent 40%),#101822;color:var(--text)}body::before{background:linear-gradient(125deg,transparent 28%,#b1c8e003 29%,transparent 30%)}.glass{background:linear-gradient(130deg,#26354985,#19263882);border:1px solid #98b8d125;box-shadow:inset 0 1px 0 #ccddf20a,0 15px 45px #050c151c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header{border-color:var(--line)}.brandmark{background:linear-gradient(145deg,#3f526348,#1d2d406d);border-color:#a3bdd43b;box-shadow:inset 0 1px 0 #d5e4f119,0 5px 14px #040a171f;color:#c2d3e0}.brand-name small{color:#adbed0}.journey{color:#92a6bd}.journey .current{background:#30425683;color:#dae4ec;box-shadow:inset 0 1px 0 #dfedfa0f}.journey i{background:#9ab5d135}.text-btn{color:#b2c4d7;border:1px solid transparent;padding:8px 10px;border-radius:9px}.text-btn:hover{color:#eef4f7;background:#97b7d10c;border-color:#97b7d11a}.primary{background:linear-gradient(140deg,#c2d1d9,#a5bac8);border:1px solid #d2e4ea65;color:#1b2a38;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff3b,0 5px 12px #040d1a29;letter-spacing:.2px;font-weight:700}.primary:hover:not(:disabled){background:linear-gradient(140deg,#d0dde3,#b4c9d5);box-shadow:inset 0 1px 0 #fff5,0 10px 20px #030c192d;transform:translateY(-2px)}.primary .ui-icon{width:17px;height:17px;padding:5px;box-sizing:content-box;border:1px solid #30445829;border-radius:6px;background:#ffffff0d;transition:transform .3s var(--ease),background .3s}.primary:hover .ui-icon{transform:translateX(2px);background:#ffffff29}.outline-btn{background:linear-gradient(140deg,#3b506326,#2a3b4e0c);border-color:#9cb6cd36;color:#bdcfe0;border-radius:10px;box-shadow:inset 0 1px 0 #d3e4f009}.outline-btn:hover{background:#526a8226;border-color:#9ab9d269}.icon-btn{background:#2a3d504d;border-color:#9bb6d336;color:#becedf;box-shadow:inset 0 1px 0 #e5f3fa09}.icon-btn:hover:not(:disabled){background:#3b536c6b;border-color:#a1bbd36b}.icon-btn:active:not(:disabled){transform:scale(.94)}.eyebrow{color:#a2bad0}.welcome h1 em{color:#bfd1df}.welcome-copy{color:#b8c6d5}.welcome-caption{border-left-color:#9db6ce40}.welcome-caption>span{color:#aac0d3}.welcome-caption p{color:#a8bbcf}.hero-cards img{box-shadow:0 22px 30px #030a1650,0 0 0 1px #bec8d125;outline:none;filter:brightness(.92) saturate(.87)}.hero-cards .hero-center{filter:brightness(.98) saturate(.94)}.setup-panel{background:linear-gradient(130deg,#24334999,#1925368f);border-color:#9bb8d12b}.step-emblem,.section-emblem{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #9bbcd230;border-radius:10px;background:linear-gradient(135deg,#799bb52b,#4d6b8410);box-shadow:inset 0 1px 0 #d8f0fc13;color:#b7cfe0}.step-emblem .ui-icon,.section-emblem .ui-icon{width:20px;height:20px}.form-heading .step-emblem{margin-top:1px}.form-heading label{color:#e3e9ef}.form-heading p{color:#a8bbce}.spread-select legend{display:flex;align-items:center;gap:12px;color:#e3e9ef}.form-heading{align-items:center;gap:12px}.step-number{color:#9ab4cc}textarea{background:#0c17238c;border-color:#97b2cf30;color:#e6eef5;box-shadow:inset 0 2px 5px #030c1829}textarea::placeholder{color:#91a5bc}textarea:focus{background:#132337;border-color:#a1c3df74;box-shadow:0 0 0 4px #7ba7d510}.topic{color:#a8bed3;border-color:#8ca7c219;background:#91adc006;gap:7px}.topic:hover{background:#93b3d011;border-color:#93b3d02b}.topic.chosen{color:#d5e2eb;background:#6a8cab21;border-color:#9abdd252;box-shadow:inset 0 1px 0 #dbeefa08}.topic:hover .ui-icon{transform:translateY(-2px)}.ui-icon{transition:transform .3s var(--ease),opacity .3s}.spread{background:linear-gradient(145deg,#2a3d532e,#14233355);border-color:#a0bcd423;border-radius:12px;box-shadow:inset 0 1px 0 #d2e6f108}.spread:hover{background:linear-gradient(145deg,#3b50663d,#1c2e4255);border-color:#afc6dc4d;box-shadow:0 5px 14px #030c191f,inset 0 1px 0 #e0f0fc0c}.spread.active{background:linear-gradient(135deg,#4a688250,#2b415528);border-color:#bed3e570;box-shadow:inset 3px 0 0 #b4cbdc,0 7px 20px #00000013}.spread-diagram{color:#89a9c4;transition:transform .4s var(--ease)}.spread.active .spread-diagram{color:#c2d6e5}.spread:hover .spread-diagram{transform:translateY(-2px)}.spread-copy b{color:#e2eaf1}.spread-copy small{color:#a7bbcf}.spread-count,.spread-count small{color:#a5b8ce}.spread-help{color:#a8bfd3;border-left-color:#7292b267}.choice-inputs input{background:#101d2d99;color:var(--text);border-color:#96b4d036}.choice-inputs label{color:#bdccdc}.form-bottom{color:#abc0d2}.orientation-option input{background:#3c516663;border-color:#adc2d437}.orientation-option input:checked{background:#80a1ae}.orientation-option input:before{background:#e0eaf0;box-shadow:0 1px 4px #07111c29}.small-label,.question-line{color:#aabed2}.deck-count strong{color:#bdcedc}.deck-count>span{color:#a6bace}.deck-table{background:radial-gradient(ellipse at 50% 0,#4b6b851d,transparent 75%),linear-gradient(135deg,#203146ae,#162333b3);border-color:#9bb7d02a;box-shadow:inset 0 1px 0 #d7ebfa0a,0 18px 45px #0000001a}.deck-toolbar{color:#b9cee0}.deck-scroll{color:#a9bfd3}.deck-scroll input::-webkit-slider-runnable-track{background:#7a99b138}.deck-scroll input::-webkit-slider-thumb{background:#aac0d0;border-color:#25374b;box-shadow:0 2px 5px #0003}.deck-scroll input::-moz-range-track{background:#7a99b138}.deck-scroll input::-moz-range-thumb{background:#aac0d0;border-color:#25374b}.card-back{background:linear-gradient(135deg,#354e68,#20354e 74%,#304a62);border-color:#a4b9c76b;box-shadow:inset 0 0 0 2px #d8e9f110,inset 0 0 20px #05142533}.back-border{border-color:#b4c8d157}.back-orbit{border-color:#b5c9cf61}.back-diamond{border-color:#d9e6e4a3;background:#dbe9e809}.back-word{color:#c4d6e69e}.selection-heading h2{display:flex;align-items:center;gap:9px;color:#cfdae4}.selection-heading h2 .ui-icon{width:18px;height:18px;color:#92b0c9}.selection-heading>span{color:#bbcede}.slot-card{border-color:#7698b359;background:#6088ab08}.slot-card .card-back{border-color:#92b5cd79;box-shadow:0 6px 10px #0003}.slot-number{color:#98aec5}.slot-label{color:#a9bfd2}.position.filled{color:#d0e1ed}.slot-remove{background:#263d55;border:1px solid #9bb9d241;color:#c0d3e1;box-shadow:0 2px 4px #0003}.draw-controls p{color:#9fb4c9}.session-count{color:#bccee0;background:#324b6347;border-color:#a1bed52b}.rail-card{color:#b3c5d7;background:#23364b5b;border-color:#9eb9d327;box-shadow:inset 0 1px 0 #d8eefa05}.rail-card>span{color:#97aec6}.rail-card>i{border-color:#8daec776}.rail-card .ui-icon{color:#a4c4bd}.rail-card.active{background:#344d6552;border-color:#9db8d361;box-shadow:inset 0 1px 0 #dfedfa0c}.rail-card.active b{color:#e1eaf0}.rail-card.active>span{color:#c2d5e5}.card-stage-label{color:#c1d3e2}.card-stage-label>span:first-child{color:#8cabc7}.card-caption{color:#acbfd1}.card-reading.glass{padding:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.unopened{background:linear-gradient(135deg,#273a514f,#1b2b3e73);border:1px solid #9bb9d129;border-radius:18px;padding:34px;min-height:530px}.unopened>.section-emblem{width:46px;height:46px;border-radius:14px;margin-bottom:22px}.unopened>.section-emblem .ui-icon{width:25px;height:25px}.unopened>p{color:#bbccda}.unopened .quiet-note{color:#9eb5c9}.card-flip{will-change:transform;isolation:auto;transition:transform .68s cubic-bezier(.35,.05,.2,1)}.card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 22px 34px #010a1552,0 0 0 1px #dae6ed13}.card-face-front{transform:rotateY(180deg) translateZ(.5px);background:transparent;will-change:transform}.card-face-front img{transform:translateZ(.01px);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-face-front img.reversed{transform:rotate(180deg) translateZ(.01px)}.card-face-back{transform:translateZ(.5px)}
/* Visible reading zones, short paragraphs, optional depth. */
.card-reading-header{padding:0 4px 24px;margin-bottom:0}.card-meta{color:#adc3d7;margin-bottom:12px}.orientation-badge{color:#bbd1df;background:#7498b415;border-color:#a3c0d536}.card-reading-header h1{font:700 2.375rem/1.5 var(--sans);letter-spacing:1px;color:#e8eef3;margin:0 0 15px}.keyword-chips{display:flex;flex-wrap:wrap;gap:7px}.keyword-chips>span{font-size:.8125rem;line-height:1.7;padding:4px 10px;color:#b6cadd;background:#7e9ab210;border:1px solid #91adc326;border-radius:6px}.insight-block{padding:24px 26px;border:1px solid #9bb7d028;border-radius:15px;background:linear-gradient(130deg,#25364a8f,#1b293bbd);box-shadow:inset 0 1px 0 #d8ecf805;margin:0 0 16px;overflow:hidden;scroll-margin-top:26px}.block-label{display:flex;align-items:center;gap:11px;margin-bottom:17px}.block-label h2,.block-label h3{font:700 .9375rem/1.7 var(--sans);margin:0;color:#c7d8e5;letter-spacing:.3px}.block-number{font:500 .8125rem/1.5 var(--number);color:#8da7bf;margin-left:auto;flex:none}.section-emblem{width:31px;height:31px;border-radius:9px}.section-emblem .ui-icon{width:18px;height:18px}.key-takeaway{background:linear-gradient(110deg,#3f5a7252,#25374a6e);border-color:#a0c0d53b}.reading-article p.takeaway-line{font:600 1.5rem/1.75 var(--serif);color:#e2eaf0;margin:0;letter-spacing:.4px}.position-block .context-reading{padding-left:0}.reading-article .insight-block p{font-size:1.0625rem;font-weight:500;line-height:1.9;color:#bccbda;margin:0 0 15px}.reading-article .insight-block p:last-child{margin-bottom:0}.reading-article .key-takeaway p.takeaway-line{font:600 1.5rem/1.75 var(--serif);color:#e2eaf0}.action-block{background:linear-gradient(125deg,#2d4c4e53,#243b4555);border-color:#99c7bf2f}.action-block .section-emblem{color:#b1d6ca;background:linear-gradient(135deg,#7daf9c21,#77a09d0d);border-color:#a0cfbc2d}.action-block .block-label h2{color:#c8e0d8}.action-list{list-style:none;padding:0;margin:0;counter-reset:action}.action-list li{counter-increment:action;display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;color:#c3d5d1;font-size:1.0625rem;line-height:1.9;font-weight:500;padding:12px 0;border-top:1px solid #a3cab518;overflow-wrap:anywhere}.action-list li:first-child{padding-top:0;border-top:0}.action-list li:last-child{padding-bottom:0}.action-list li::before{content:counter(action,decimal-leading-zero);font:500 .8125rem/2.3 var(--number);color:#91b3aa}.meaning-details{margin-top:5px;padding-top:0;border:1px solid #a0b8d125;border-radius:12px;overflow:hidden;background:#1b2a3b51}.meaning-details summary,.analysis-details summary{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:49px;color:#afc4d7;list-style:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .25s,color .25s}.meaning-details summary>span{display:flex;align-items:center;gap:9px}.meaning-details summary .ui-icon,.analysis-details summary .ui-icon{width:17px;height:17px;transition:transform .3s var(--ease)}.meaning-details summary>span .ui-icon{color:#8eacc4}.meaning-details[open] summary{margin-bottom:0;border-bottom:1px solid #9bb6d023}.meaning-details[open] summary>.ui-icon,.analysis-details[open] summary>.ui-icon{transform:rotate(180deg)}.meaning-details summary:hover,.analysis-details summary:hover{background:#98b9d00a;color:#d2e2ed}.meaning-details summary::-webkit-details-marker,.analysis-details summary::-webkit-details-marker{display:none}.meaning-content{padding:21px}.meaning-content>div+div{border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.meaning-content h3{font-size:.9375rem;font-weight:700;line-height:1.8;color:#d0ddea;margin:0 0 12px}.meaning-content p{color:#b3c3d5;font-size:1rem;line-height:1.9;margin-bottom:15px}.meaning-content p:last-child{margin-bottom:0}.reading-actions{border-top:0;margin-top:17px;padding-top:0;gap:12px}.reading-actions .primary{min-height:52px;padding:10px 14px 10px 19px}.reading-actions .text-btn{border-color:#8facc129;background:#263c5042;padding:10px 13px;min-height:48px;border-radius:10px;font-size:.875rem}.reading-actions .text-btn:hover{background:#38516b40;border-color:#9cbbd24d}
/* The last screen presents the spread spatially before its synthesis. */
.spread-overview{padding:28px 32px 23px;margin-bottom:40px;overflow:hidden;background:radial-gradient(ellipse at 40% 50%,#3c587e20,transparent 65%),linear-gradient(140deg,#1e2f437f,#172536d6);border-color:#9ab7d32a}.spread-overview-head{display:flex;justify-content:space-between;align-items:center;gap:22px}.spread-heading{display:flex;align-items:center;gap:15px}.spread-heading .eyebrow{font-size:.6875rem;letter-spacing:1.6px}.summary-diagram{width:62px;height:57px;color:#9cb9d0;margin:0}.spread-heading h2{font:700 1.25rem/1.6 var(--sans);color:#dce7ef;margin:4px 0 0}.spread-overview-head .outline-btn{padding:9px 14px;min-height:44px;font-size:.875rem;gap:12px}.spread-layout-hint{font-size:.875rem;line-height:1.9;color:#a5bbcf;margin:20px 0 15px}.spread-board{display:grid;grid-template-columns:repeat(3,minmax(0,130px));justify-content:center;gap:32px;position:relative;margin:30px auto 24px;max-width:780px;isolation:isolate}.spread-board .result-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:none;margin:0;padding:0;overflow:visible;transform:none;min-width:0;opacity:1}.spread-card-visual{display:block;position:relative;width:100%;aspect-ratio:600/1034;flex:none;border-radius:5px;box-shadow:0 10px 20px #030b174d,0 0 0 1px #bacadb30;transition:translate .35s var(--ease),box-shadow .35s}.spread-board .result-card img{display:block;width:100%;height:100%;aspect-ratio:auto;max-height:none;border-radius:5px;object-fit:contain;box-shadow:none}.spread-board .result-card:hover .spread-card-visual{translate:0 -5px;box-shadow:0 16px 25px #030b1760,0 0 0 1px #bbd4e179}.spread-board .result-card:focus-visible{outline:0}.spread-board .result-card:focus-visible .spread-card-visual{outline:2px solid #bfd5e6;outline-offset:4px}.spread-board .result-card>.spread-card-label{display:flex;align-items:center;justify-content:center;gap:7px;font:500 .875rem/1.7 var(--sans);color:#bccfdf;letter-spacing:0;white-space:nowrap;margin:13px 0 0;max-width:none}.spread-card-label b{font:500 .8125rem var(--number);color:#91adc6}.board-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:15px;border-top:1px solid #94b2cd1a;color:#9fb7ce;font-size:.8125rem}.board-footer .ui-icon{width:18px;height:18px;color:#98b9d1}.spread-board.spread-daily{grid-template-columns:150px}.spread-board.spread-relationship{grid-template-columns:repeat(2,125px);gap:35px 70px}.spread-board.spread-choice{grid-template-columns:repeat(3,112px);gap:30px 45px}.spread-choice .spread-position-1{grid-column:2;grid-row:1}.spread-choice .spread-position-2{grid-column:1;grid-row:2}.spread-choice .spread-position-3{grid-column:1;grid-row:3}.spread-choice .spread-position-4{grid-column:3;grid-row:2}.spread-choice .spread-position-5{grid-column:3;grid-row:3}.spread-board.spread-timeline{padding:15px 0 22px}.spread-timeline .spread-position-1{translate:0 15px}.spread-timeline .spread-position-3{translate:0 -15px}
.spread-board.spread-celtic{display:block;width:100%;max-width:670px;aspect-ratio:1.04;min-height:0;margin-top:24px;margin-bottom:22px}.spread-celtic .result-card{position:absolute;width:13%;left:var(--x);top:var(--y);transform:translateX(-50%)}.spread-celtic .result-card:hover{transform:translateX(-50%)}.spread-celtic .spread-position-1{--x:36%;--y:38%;z-index:1}.spread-celtic .spread-position-2{--x:36%;--y:38%;z-index:2;pointer-events:none}.spread-celtic .spread-position-2 .spread-card-visual{transform:rotate(90deg);pointer-events:auto}.spread-celtic .spread-position-2 .spread-card-label{pointer-events:auto}.spread-celtic .spread-position-3{--x:36%;--y:72%}.spread-celtic .spread-position-4{--x:11%;--y:38%}.spread-celtic .spread-position-5{--x:36%;--y:4%}.spread-celtic .spread-position-6{--x:61%;--y:38%}.spread-celtic .spread-position-7{--x:88%;--y:75%;width:10.5%}.spread-celtic .spread-position-8{--x:88%;--y:50%;width:10.5%}.spread-celtic .spread-position-9{--x:88%;--y:25%;width:10.5%}.spread-celtic .spread-position-10{--x:88%;--y:0%;width:10.5%}.spread-celtic .result-card>.spread-card-label{font-size:.8125rem;gap:5px;line-height:1.6;margin-top:9px}.spread-celtic .spread-position-1>.spread-card-label{position:absolute;bottom:calc(100% + 11px);margin:0}.spread-celtic .spread-position-2>.spread-card-label{margin-top:11px}.spread-celtic .spread-position-1 .spread-card-visual:hover{z-index:3}.reading-layout{grid-template-columns:205px minmax(0,1fr);gap:48px;max-width:1050px;margin:0 auto}.reading-aside{top:30px}.index-caption{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#bed0df;padding:4px 9px 15px;border-bottom:1px solid var(--line)}.index-caption .ui-icon{width:19px;height:19px;color:#96b6ce}.reading-index{margin-top:10px;padding:0}.reading-index a{display:flex;align-items:center;gap:12px;padding:13px 10px;border:1px solid transparent;border-radius:9px;font-size:.875rem;color:#a8bfd3;margin-bottom:5px}.reading-index a .ui-icon{width:17px;height:17px;flex:none;color:#8dabca}.reading-index a b{font:500 .8125rem var(--number);width:17px;flex:none;color:#8dabca}.reading-index a>span{font:500 .875rem/1.8 var(--sans);margin:0;color:inherit}.reading-index a:hover{transform:none;background:#a0bdd00a;border-color:#8facc51c;color:#d4e4ed}.overall.insight-block{padding:28px;border-top:1px solid #a7c6d64c;background:linear-gradient(125deg,#35536a56,#2334498f);margin-bottom:26px}.overall .block-label h2{font-size:.9375rem;color:#c9dce9}.reading-type{margin-left:auto;font-size:.8125rem;color:#9db7cd;white-space:nowrap}.overall h3.overall-headline{font:600 1.9rem/1.65 var(--serif);color:#e1ebf2;letter-spacing:.4px;margin:18px 0 23px}.reflection .overall p.summary-lead{font-size:1.125rem;line-height:1.95;color:#cedce7;margin-bottom:0}.overall-points{list-style:none;padding:19px 0 0;margin:21px 0 0;border-top:1px solid #a9c2d225}.overall-points li{font-size:1rem;line-height:1.95;color:#b4c8da;margin:0 0 13px;padding-left:16px;border-left:2px solid #8facbf4f}.overall-points li:last-child{margin-bottom:0}.analysis-divider{display:flex;align-items:center;gap:15px;margin:27px 0 19px;color:#a5bed2;font-size:.8125rem}.analysis-divider>span{display:flex;align-items:center;gap:9px;white-space:nowrap}.analysis-divider .ui-icon{width:17px;height:17px}.analysis-divider i{height:1px;background:#91acc524;flex:1}.reading-section.insight-block{margin:0 0 18px;padding:24px 26px;border-color:#9ab8d029}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 20px}.section-title>span.section-emblem{font:inherit;line-height:normal;color:#b6cfe0;flex:none}.section-title>span.block-number{font:500 .8125rem/1.5 var(--number);color:#8da7bf;margin-left:auto}.section-title h3{font:700 1.1875rem/1.7 var(--sans);margin:0;color:#d2e0ec}.insight-points{list-style:none;padding:0;margin:0}.insight-points li{position:relative;padding:0 0 0 18px;font-size:1.0625rem;line-height:1.9;color:#bdcfdd;margin:0 0 17px;overflow-wrap:anywhere}.insight-points li::before{content:'';position:absolute;left:0;top:.78em;width:5px;height:5px;background:#90adca;border-radius:1px;transform:rotate(45deg)}.insight-points li:last-child{margin-bottom:0}.analysis-details{margin-top:21px;background:#0c1b282b;border:1px solid #8eaec422;border-radius:9px;overflow:hidden}.analysis-details summary{padding:11px 14px;font-size:.875rem;min-height:43px}.expanded-analysis{padding:4px 18px 20px}.analysis-paragraph{display:grid;grid-template-columns:21px minmax(0,1fr);gap:12px;border-top:1px solid #9ab8d01d;padding-top:16px;margin-top:14px}.analysis-paragraph>span{font:500 .8125rem/2 var(--number);color:#7f9db7}.reflection .analysis-paragraph p{font-size:1rem;line-height:1.95;color:#aebfd1;margin:0 0 14px}.analysis-paragraph p:last-child{margin-bottom:0}.evidence{border:0;border-top:1px solid #9ab8d020;padding:17px 0 0;margin:21px 0 0}.evidence>span{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#93aec8}.evidence .ui-icon{width:15px;height:15px}.reflection .evidence p{font-size:.8125rem;line-height:1.85;color:#9db4c9;margin:7px 0 0}.next-step.insight-block{display:block;padding:25px 26px;border-radius:15px;margin:25px 0 23px}.next-step .block-label h2{font-size:1.125rem}.watch-signal{border-top:1px solid #a3c9bb29;padding-top:18px;margin-top:21px}.watch-signal>span{display:flex;align-items:center;gap:8px;color:#a0c5ba;font-size:.8125rem}.watch-signal .ui-icon{width:16px;height:16px}.reflection .watch-signal p{font-size:1rem;line-height:1.9;color:#c0d4ce;margin:9px 0 0}.reflection .reading-footnote{color:#92aac1;font-size:.8125rem;line-height:1.9;margin:22px 5px 0}.result-end{color:#a6bed1}.footer-brand{color:#b2c8da}footer{color:#93abc3}.small-note{color:#98b0c6!important}dialog{background:linear-gradient(135deg,#25394beb,#172739f5);border-color:#9ab7ce39;color:#dbe7f0;box-shadow:0 30px 90px #01091466}dialog::backdrop{background:#030b17b3}dialog h3{color:#d5e3ed}dialog p{color:#aec3d6}dialog strong{color:#d6e7f1}.sources{border-color:var(--line)}.sources a{color:#b2cfe6}.close-btn{color:#b1c7dd;background:#839eb911;border:1px solid #9cb7cf26}.close-btn:hover{background:#6584a127}
@media(prefers-reduced-motion:no-preference){.spread.active .diagram-card{animation:diagram-focus .42s both;animation-delay:calc(var(--order)*25ms)}@keyframes diagram-focus{from{opacity:.4}to{opacity:1}}}
@media(max-width:1100px){.reading-workspace{gap:32px;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr)}.reading-layout{grid-template-columns:175px minmax(0,1fr);gap:30px}.insight-block{padding:22px}.overall.insight-block{padding:25px}.reading-section.insight-block{padding:23px}.spread-overview{padding:24px 27px}.card-reading-header h1{font-size:2.15rem}}
@media(max-width:760px){.header .text-btn{padding-left:8px;padding-right:8px}.primary{min-height:51px;padding:11px 16px}.primary .ui-icon{width:16px;height:16px;padding:4px;border-radius:5px}.form-heading{align-items:flex-start;gap:10px}.step-emblem{width:31px;height:31px;border-radius:9px}.form-heading label,.spread-select legend{font-size:1.0625rem}.spread-select legend{gap:10px;margin-bottom:16px}.form-heading .step-emblem{margin-top:4px}.topic-row{gap:6px}.topic{font-size:.875rem;padding:8px 9px}.spread.active{box-shadow:inset 2px 0 0 #aec9dd,0 5px 12px #0002}.spread-diagram{width:65px;height:56px}.spread-copy small{font-size:.875rem}.deck-toolbar{font-size:.875rem}.selection-heading h2 .ui-icon{width:17px;height:17px}.slot-label{font-size:.8125rem}.draw-controls .text-btn{padding-left:0;border-color:transparent}.draw-controls .primary{padding:10px 12px;font-size:.875rem;gap:10px}.reading-workspace{display:block}.card-stage{padding-top:4px;padding-bottom:27px}.focus-card{width:157px}.card-reading.glass{padding:0;min-height:0;background:none;border:0}.unopened{min-height:0;padding:24px;border-radius:16px}.unopened>.section-emblem{width:36px;height:36px;border-radius:10px;margin-bottom:16px}.unopened>.section-emblem .ui-icon{width:20px;height:20px}.unopened h1{font-size:1.875rem;margin:11px 0 17px}.unopened>.eyebrow{font-size:.75rem}.unopened>p{font-size:1rem;line-height:1.9}.card-reading-header{padding:0 4px 21px}.card-reading-header h1{font-size:2.05rem;line-height:1.5;margin-bottom:13px}.card-meta{font-size:.875rem}.keyword-chips{gap:6px}.keyword-chips>span{font-size:.8125rem;padding:4px 9px}.insight-block{padding:20px;border-radius:14px;margin-bottom:14px}.block-label{gap:9px;margin-bottom:15px}.section-emblem{width:29px;height:29px;border-radius:8px}.section-emblem .ui-icon{width:17px;height:17px}.block-label h2{font-size:.875rem;line-height:1.75}.block-number{font-size:.75rem}.reading-article .key-takeaway p.takeaway-line{font-size:1.4375rem;line-height:1.75}.reading-article .insight-block p{font-size:1.0625rem;line-height:1.95;margin-bottom:15px}.action-list li{grid-template-columns:21px minmax(0,1fr);gap:9px;font-size:1.0625rem;line-height:1.95;padding-top:13px;padding-bottom:13px}.action-list li::before{font-size:.8125rem;line-height:2.3}.meaning-details summary{font-size:.875rem;padding:14px 15px}.meaning-details summary>span{gap:8px}.meaning-content{padding:18px}.meaning-content p{font-size:1rem;line-height:1.95}.reading-actions{gap:9px;margin-top:17px}.reading-actions .primary{font-size:.875rem;gap:10px;padding:10px 12px;min-height:48px}.reading-actions .text-btn{font-size:.8125rem;gap:6px;padding:10px 11px;min-height:48px}.reading-actions .primary .ui-icon{width:16px;height:16px}.result-heading h1{font-size:1.85rem}.spread-overview{padding:19px 16px 16px;border-radius:17px;margin-bottom:30px}.spread-overview-head{gap:12px;align-items:flex-start}.spread-heading{gap:9px;align-items:center}.summary-diagram{width:47px;height:44px}.spread-heading .eyebrow{font-size:.625rem;letter-spacing:1px}.spread-heading h2{font-size:1rem;line-height:1.7;margin:3px 0 0}.spread-overview-head .outline-btn{font-size:.75rem;padding:7px 9px;gap:6px;min-height:38px;white-space:nowrap}.spread-overview-head .outline-btn .ui-icon{width:15px;height:15px}.spread-layout-hint{font-size:.8125rem;line-height:1.85;margin-top:18px;margin-bottom:13px}.spread-board{grid-template-columns:repeat(3,minmax(0,84px));gap:21px;margin:23px auto 19px}.spread-board .result-card img{max-height:none}.spread-board .result-card>.spread-card-label{font-size:.75rem;line-height:1.6;gap:4px;margin-top:10px}.spread-card-label b{font-size:.75rem}.spread-board.spread-daily{grid-template-columns:125px}.spread-board.spread-relationship{grid-template-columns:repeat(2,95px);gap:26px 44px}.spread-board.spread-choice{grid-template-columns:repeat(3,minmax(0,82px));gap:24px 20px}.spread-board.spread-celtic{max-width:none;width:100%;aspect-ratio:1.04;margin:28px 0 24px}.spread-celtic .result-card{width:13%;gap:0}.spread-celtic .spread-position-7,.spread-celtic .spread-position-8,.spread-celtic .spread-position-9,.spread-celtic .spread-position-10{width:10.5%}.spread-celtic .result-card>.spread-card-label{font-size:.625rem;line-height:1.5;gap:3px;margin-top:6px}.spread-celtic .spread-card-label b{font-size:.625rem}.spread-celtic .spread-position-1>.spread-card-label{bottom:calc(100% + 8px);margin:0}.spread-celtic .spread-position-2>.spread-card-label{margin-top:7px}.board-footer{font-size:.75rem;gap:8px;padding-top:13px}.board-footer .ui-icon{width:16px;height:16px}.reading-layout{display:block;margin:0}.reading-aside{position:static;top:auto;margin:0 0 25px}.index-caption{padding:0 3px 11px;font-size:.8125rem;border-bottom:0;gap:8px}.index-caption .ui-icon{width:17px;height:17px}.reading-index{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;margin:0;padding:0}.reading-index a{padding:8px 10px;border:1px solid #9db7d12a;background:#263a4d3f;font-size:.8125rem;line-height:1.7;border-radius:8px;gap:7px;margin:0}.reading-index a>span{display:inline;font-size:.8125rem;line-height:1.7}.reading-index a b,.reading-index a .ui-icon{display:block;flex:none;width:14px;font-size:.75rem}.reading-index a .ui-icon{height:14px}.overall.insight-block{padding:22px 20px;margin-bottom:22px}.overall .block-label h2{font-size:.875rem}.reading-type{font-size:.75rem}.overall h3.overall-headline{font-size:1.625rem;line-height:1.75;margin:18px 0 21px}.reflection .overall p.summary-lead{font-size:1.0625rem;line-height:1.95}.overall-points{margin-top:20px;padding-top:18px}.overall-points li{font-size:1rem;line-height:1.95;padding-left:12px;margin-bottom:15px}.analysis-divider{font-size:.8125rem;margin:23px 0 17px;gap:12px}.reading-section.insight-block{padding:21px 20px;margin-bottom:16px}.section-title{gap:9px;margin-bottom:18px;align-items:flex-start}.section-title h3{font-size:1.125rem;line-height:1.75}.section-title .section-emblem{margin-top:1px}.section-title>span.block-number{font-size:.75rem;line-height:2.5}.insight-points li{font-size:1.0625rem;line-height:1.95;margin-bottom:18px;padding-left:16px}.analysis-details{margin-top:20px}.analysis-details summary{font-size:.875rem;padding:11px 13px}.expanded-analysis{padding:2px 13px 18px}.analysis-paragraph{grid-template-columns:18px minmax(0,1fr);gap:8px;margin-top:13px;padding-top:15px}.reflection .analysis-paragraph p{font-size:1rem;line-height:1.95;margin-bottom:14px}.evidence{padding-top:16px;margin-top:21px}.evidence>span{font-size:.75rem}.reflection .evidence p{font-size:.8125rem;line-height:1.9;margin-top:8px}.next-step.insight-block{padding:22px 20px;margin-top:23px}.next-step .block-label h2{font-size:1rem}.watch-signal>span{font-size:.8125rem}.reflection .watch-signal p{font-size:1rem;line-height:1.95}.reflection .reading-footnote{font-size:.8125rem;line-height:1.9;margin-top:21px}.result-end{font-size:.875rem}dialog{padding:24px}.small-note{font-size:.875rem!important}}
@media(max-width:380px){.topic{font-size:.8125rem;padding-left:7px;padding-right:7px}.insight-block,.overall.insight-block,.reading-section.insight-block,.next-step.insight-block{padding-left:18px;padding-right:18px}.block-label{gap:8px}.block-label h2{font-size:.875rem}.reading-actions .primary{font-size:.8125rem;gap:7px;padding-left:11px;padding-right:9px}.reading-actions .text-btn{font-size:.75rem;padding-left:9px;padding-right:9px}.spread-overview{padding-left:13px;padding-right:13px}.spread-overview-head .outline-btn{font-size:.75rem;padding-left:7px;padding-right:7px}.spread-heading .eyebrow{display:none}.spread-heading h2{font-size:.9375rem}.summary-diagram{width:39px;height:39px}.spread-board.spread-choice{gap:23px 14px}.spread-celtic .result-card>.spread-card-label{font-size:.5625rem;gap:2px}.spread-celtic .spread-card-label b{font-size:.5625rem}.overall h3.overall-headline{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.spread-legend{display:none}.spread-celtic .spread-position-1:hover,.spread-celtic .spread-position-1.is-indicated{z-index:4}.spread-board .result-card.is-indicated .spread-card-visual{translate:0 -5px;box-shadow:0 16px 25px #030b1760,0 0 0 1px #bbd4e179}
@media(max-width:760px){.spread-heading .eyebrow{font-size:.75rem}.spread-celtic .result-card>.spread-card-label{position:absolute;top:-8px;left:-8px;bottom:auto;margin:0;display:grid;place-items:center;width:22px;height:22px;background:#263c50;border:1px solid #a9c7dc79;border-radius:50%;box-shadow:0 2px 5px #0004;font-size:.75rem;pointer-events:auto}.spread-celtic .spread-card-label b{font:500 .75rem var(--number);color:#e0edf5}.spread-celtic .spread-card-label>span{display:none}.spread-celtic .spread-position-2>.spread-card-label{left:calc(100% + 4px);top:calc(50% - 11px);margin:0}.spread-legend.legend-celtic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin:5px 0 19px;padding-top:17px;border-top:1px solid #91acc521}.spread-legend button{display:flex;align-items:center;gap:9px;text-align:left;padding:7px 9px;min-height:37px;background:#688ba40b;border:1px solid #8aadc317;border-radius:7px;font-size:.875rem;color:#b6cce0;line-height:1.7}.spread-legend button:hover{background:#7196b018;border-color:#92b5cf3b}.spread-legend button b{font:500 .8125rem var(--number);color:#8eafca}.spread-celtic .result-card{margin:0}}
.spread-board .result-card>.spread-card-visual{margin:0;line-height:0}.key-takeaway:hover .section-emblem .ui-icon{transform:rotate(-12deg)}.action-block:hover .section-emblem .ui-icon{transform:translate(1px,-2px)}.position-block:hover .section-emblem .ui-icon{transform:translateY(-2px)}

/* V7 — quiet depth, an uncluttered mobile preparation, and a shared emblem. */
:root{--surface-top:#2d3a4b;--surface-low:#141e2c;--edge:#bccfe32d;--ease:cubic-bezier(.22,.75,.2,1)}
body{background:radial-gradient(ellipse at 18% 0,#5069802e,transparent 45%),radial-gradient(ellipse at 90% 30%,#283c5533,transparent 52%),#0d141f;background-attachment:fixed}
body::before{background:linear-gradient(112deg,#e4f2ff03,transparent 35%,#04080f20);z-index:-1}
main{position:relative}
.header{min-height:108px;border-bottom-color:#b9cde41a}
.brand{gap:14px}.brandmark{width:58px;height:58px;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}.brandmark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px #01050b7a);transition:filter .4s,transform .6s var(--ease)}.brand:hover .brandmark img{transform:translateY(-2px);filter:drop-shadow(0 7px 11px #81a8cd25)}
.brand-name{font-size:1.65rem;letter-spacing:5px}.brand-name small{font-size:.625rem;letter-spacing:2.3px;color:#9badc1}
.journey .current{background:linear-gradient(145deg,#3c50655c,#2333483d);border:1px solid #aecae429;box-shadow:inset 0 1px 0 #e2effb0c,0 4px 12px #0002}
.glass{background:linear-gradient(135deg,#34445869,#1c293ba1 50%,#121d2cce);border-color:#a8c1d32c;box-shadow:inset 0 1px 0 #e6f2ff16,inset 0 -1px 0 #030810a3,0 12px 22px #02071026,0 36px 70px -32px #01060bcc;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.setup{padding-top:60px;gap:64px}.welcome{padding-top:20px}.welcome h1{font-size:4rem;line-height:1.45;margin:24px 0}.welcome h1 em{color:#d0dce5}.welcome-copy{line-height:2;color:#b5c5d4}.hero-cards{height:305px;perspective:1100px;margin-top:32px}.hero-cards img{box-shadow:1px 1px 0 #b9b3a2,2px 2px 0 #504c47,4px 4px 0 #171b24,12px 25px 32px #0008,0 46px 48px -25px #000c}.hero-cards .hero-center{width:145px;transform:translateX(-50%) rotate(-3deg) rotateY(-5deg)}.hero-cards .hero-left{transform:translateX(-116%) rotate(-16deg) rotateY(8deg)}.hero-cards .hero-right{transform:translateX(16%) rotate(16deg) rotateY(-9deg)}
.welcome-caption{margin-top:14px;padding-left:18px}.welcome-caption p{margin-top:10px}
.setup-panel{padding:32px;border-radius:24px;scroll-margin-top:20px}.setup-navigation,.mobile-continue{display:none}.form-chapter[hidden]{display:none!important}.question-chapter{padding-bottom:28px}.form-heading{margin-bottom:20px}.form-heading label{font:600 1.4rem/1.7 var(--serif)}.form-heading p{margin-top:5px}.topic-row{margin:16px 0 0;gap:8px}.topic{min-height:44px}.spread-chapter{padding-top:28px;border-top:1px solid #aac2d924}.chapter-intro{margin-bottom:22px}.chapter-intro .eyebrow{font-size:.625rem;letter-spacing:2px}.chapter-intro p{font-size:.875rem;color:#aabdd0;margin:8px 0 0}.spread-select legend{font:600 1.4rem/1.7 var(--serif);margin-bottom:20px}.spread{min-height:119px;border-radius:13px;background:linear-gradient(135deg,#384c631f,#0f1c2c62);box-shadow:inset 0 1px 0 #d5e6f10a,0 4px 10px #0001}.spread.active{background:linear-gradient(135deg,#526c8366,#293e5266);border-color:#c4d6e77a;box-shadow:inset 0 1px 0 #eff8ff21,inset 3px 0 0 #bacee0,0 7px 20px #0003}.spread-copy small{color:#b5c4d5}.spread-count{right:12px;top:8px}.spread-help{margin:22px 0 24px;line-height:1.95}.form-bottom{margin-bottom:23px}.orientation-option{min-height:44px}.primary{min-height:56px;border-radius:13px;background:linear-gradient(145deg,#e0e7e8,#bccbd2 48%,#a2b6c4);box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #5065794d,0 3px 0 #1a2837,0 10px 24px #0005;color:#1c2b39}.primary:hover:not(:disabled){background:linear-gradient(145deg,#edf0ef,#cbd9de 48%,#b6cbd6);box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #5065793d,0 3px 0 #1a2837,0 15px 28px #0005}.primary:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 0 #fff5,0 2px 0 #1a2837,0 4px 10px #0005}.primary:disabled{background:linear-gradient(145deg,#9cabb7,#6c8194);opacity:.42}.outline-btn,.icon-btn{box-shadow:inset 0 1px 0 #dbeefe0e,0 4px 12px #0002}.icon-btn{width:44px;height:44px}.step-emblem,.section-emblem{background:linear-gradient(145deg,#66829a38,#20334b73);border-color:#b5cde738;box-shadow:inset 0 1px 0 #ebf5ff22,0 3px 7px #0003}
.back-emblem{position:absolute;display:block;width:55%;height:auto;aspect-ratio:1;object-fit:contain;left:22.5%;top:32%;filter:drop-shadow(0 3px 4px #0008);opacity:.93}.card-back{background:radial-gradient(ellipse at 35% 20%,#4f658241,transparent 80%),linear-gradient(140deg,#263950,#172b42 78%,#34475d);box-shadow:inset 0 0 0 2px #d8e9f110,inset 0 0 26px #07101e88}.back-border{border-color:#b4c8d144}.back-word{font-size:5px;letter-spacing:1.8px}.pick-card{box-shadow:1px 1px 0 #bdc7ce60,3px 3px 0 #111a24,8px 13px 18px #0006}.deck-table{border-radius:24px;background:radial-gradient(ellipse at 48% -25%,#6e8fac25,transparent 67%),linear-gradient(145deg,#27354a88,#111b2be8);box-shadow:inset 0 2px 2px #d8ebff12,inset 0 -10px 30px #02081233,0 18px 45px #0004}.deck{padding-top:53px;padding-bottom:47px}.deck-toolbar{padding-top:6px}.deck-scroll{padding-bottom:8px}.draw-heading{margin-bottom:32px}.selection-heading{margin-top:34px}.position{min-width:0}.slot-remove{width:22px;height:22px}.draw-controls{margin-top:22px;padding-top:24px}
.card-stage{padding:30px 18px 32px;border:1px solid #a8c3dd17;border-radius:24px;background:radial-gradient(ellipse at 50% 40%,#769bb223,transparent 65%),linear-gradient(145deg,#293b4b2e,#101b283d);box-shadow:inset 0 1px 0 #d7ebfc0b,0 24px 46px -24px #0009}.card-stage-label{margin-bottom:30px}.focus-card{width:232px}.card-face{box-shadow:1px 2px 0 #b8c3cc40,3px 4px 0 #060d18,0 14px 16px #0004,0 30px 44px #0007}.card-caption{margin-top:30px}.unopened{min-height:540px;padding:40px;background:linear-gradient(130deg,#2a3b5044,#17253866);box-shadow:inset 0 1px 0 #d5e8f10c,0 22px 45px -26px #0008}.unopened h1{font-size:2.5rem}.unopened>.section-emblem{margin-bottom:26px}.reading-rail{margin-bottom:34px}.rail-card{min-height:48px}.insight-block{padding:28px 30px;margin-bottom:24px;border-color:#acc7dd2b;box-shadow:inset 0 1px 0 #e2f0fb0c,0 15px 30px -16px #0007;background:linear-gradient(135deg,#2b3c5085,#19283ac2)}.key-takeaway{border-color:#b1cede40;background:linear-gradient(130deg,#415b704f,#24394f66)}.action-block{background:linear-gradient(130deg,#32504f61,#21353fa1);border-color:#a1c8bc2b}.reading-article .insight-block p{line-height:2}.card-reading-header{padding-bottom:30px}.block-label{margin-bottom:22px}.reading-actions{padding-top:8px;gap:16px;margin-top:20px}.reading-actions .primary{min-height:54px}
.spread-overview{background:radial-gradient(ellipse at 50% 25%,#526a7c22,transparent 68%),linear-gradient(135deg,#25324582,#121e2de0);box-shadow:inset 0 1px 0 #e9f6ff14,inset 0 -1px 0 #020810,0 25px 55px -22px #0009;border-radius:24px;margin-bottom:46px}.spread-card-visual{filter:drop-shadow(5px 12px 8px #0006)}.spread-legend button{min-height:44px}.reading-section.insight-block,.overall.insight-block,.next-step.insight-block{padding:30px;margin-bottom:27px}.reading-section.insight-block{background:linear-gradient(135deg,#293c4e66,#182739aa)}.section-title{margin-bottom:24px}.insight-points li{line-height:2;margin-bottom:22px}.overall h3.overall-headline{margin:22px 0 26px}.reflection .overall p.summary-lead{line-height:2}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{object-fit:contain;opacity:.8}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.hero-cards .hero-center{animation:card-arrival 1.2s var(--ease) both}@keyframes card-arrival{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}.spread:hover .spread-diagram{transform:translateY(-3px) rotate(-2deg)}.brand:hover .brandmark img{transform:translateY(-2px) rotate(-6deg)}}
@media(min-width:761px) and (max-width:1050px){.setup{gap:34px;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.setup-panel{padding:25px}.welcome h1{font-size:3.25rem}.spread{grid-template-columns:44px minmax(0,1fr);min-height:132px}.spread-diagram{width:44px}.spread-copy b{font-size:.9375rem}.spread-copy small{font-size:.8125rem}.focus-card{width:200px}.unopened{padding:28px;min-height:500px}.card-stage{padding-left:10px;padding-right:10px}.hero-cards .hero-center{width:123px}}
@media(max-width:760px){
 html{scroll-padding-top:20px}body{background:radial-gradient(ellipse at 50% 0,#45617b38,transparent 700px),#0e1722;background-attachment:scroll}
 .header{padding:18px 24px;min-height:88px;gap:15px}.brandmark{width:47px;height:47px}.brand{gap:10px}.brand-name{font-size:1.4rem;letter-spacing:4px}.brand-name small{font-size:.5625rem;letter-spacing:1.9px}.header .text-btn{font-size:.8125rem;padding:9px 0;gap:7px;white-space:nowrap}.header .text-btn .ui-icon{width:17px;height:17px}
 main{padding:0 24px}.setup{padding:36px 0 48px}.welcome{position:relative;padding:0 0 34px;min-height:0;text-align:center}.welcome .eyebrow{max-width:none;font-size:.625rem;letter-spacing:2px}.welcome h1{font-size:2.55rem;line-height:1.45;letter-spacing:2px;margin:19px 0 15px}.welcome h1 br{display:none}.welcome-copy{max-width:none;font-size:.9375rem;line-height:1.9}.welcome-copy br{display:none}.hero-cards{position:relative;inset:auto;width:100%;max-width:300px;height:206px;margin:24px auto 0;opacity:1;pointer-events:auto}.hero-cards img{top:19px;width:87px;border-radius:5px}.hero-cards .hero-center{top:3px;width:96px}.welcome-caption{display:none}.choosing-spread .welcome{display:none}.choosing-spread{padding-top:26px}
 .setup-panel.glass{padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;scroll-margin-top:24px}.setup-navigation{display:flex;gap:13px;align-items:center;margin:0 0 29px;min-height:44px}.setup-navigation button{display:flex;align-items:center;gap:9px;min-height:44px;font-size:.875rem;color:#8ba1b6;padding:0;white-space:nowrap}.setup-navigation button>span{font:500 .75rem var(--number);display:grid;place-items:center;width:25px;height:25px;border:1px solid #96b3cd30;border-radius:50%}.setup-navigation button[aria-current]{color:#e0e9ef}.setup-navigation button[aria-current]>span{color:#172636;background:#c4d4df;border-color:#d9e7f1;box-shadow:0 2px 10px #bacfe31c}.setup-progress-line{height:1px;background:#9ebad12b;flex:1;max-width:70px}
 .question-chapter{padding:25px 22px 23px;border:1px solid #afc7dc30;border-radius:20px;background:linear-gradient(140deg,#33445770,#1a283bbb);box-shadow:inset 0 1px 0 #e8f6ff16,0 21px 36px -17px #0008}.form-heading{gap:12px;align-items:flex-start;margin-bottom:22px}.form-heading label{font-size:1.3rem;line-height:1.5}.form-heading p{font-size:.8125rem;margin-top:8px;line-height:1.8}.form-heading .step-emblem{margin-top:0;width:33px;height:33px}.question-chapter textarea{min-height:144px;line-height:1.9;font-size:1rem;padding:15px 16px;border-radius:13px;background:#0e1b2b9e}.topic-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0 0}.topic{flex-direction:column;justify-content:center;padding:12px 2px;gap:7px;min-height:70px;font-size:.75rem;border-radius:10px}.topic .ui-icon{width:20px;height:20px}.mobile-continue{display:flex;width:100%;justify-content:space-between;margin-top:26px}.primary{min-height:56px;font-size:.9375rem;padding:13px 18px}.primary .ui-icon{width:18px;height:18px;padding:4px;border-radius:6px}
 .spread-chapter{padding:0;border-top:0}.chapter-intro{margin-bottom:26px}.chapter-intro .eyebrow{font-size:.625rem}.chapter-intro p{font-size:.9375rem;line-height:1.9;margin-top:9px}.spread-select{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.spread-select legend{font-size:1.4rem;gap:12px;margin-bottom:22px}.spread{display:grid;grid-template-columns:63px minmax(0,1fr);align-items:center;gap:15px;min-height:99px;padding:18px 48px 18px 16px;border-radius:15px;background:linear-gradient(135deg,#2b3d526b,#19283b85)}.spread-diagram{width:63px;height:59px}.spread-copy{padding:0}.spread-copy b{font-size:1rem;margin:0 0 7px;line-height:1.6}.spread-copy small{font-size:.8125rem;line-height:1.8;color:#aebfd0}.spread-count{right:15px;top:19px;font-size:1rem;gap:3px}.spread-count small{font-size:.625rem}.spread.active{box-shadow:inset 0 1px 0 #eaf5ff1a,inset 3px 0 0 #b5cedf,0 10px 22px #0003}.spread-help{margin:25px 0;min-height:0;padding-left:15px;font-size:.875rem;line-height:1.95}.form-bottom{padding:19px 0;border-top:1px solid #a0bbd221;margin:0 0 12px;font-size:.8125rem;gap:12px}.orientation-option{gap:10px}.choice-inputs{gap:19px;margin:25px 0}.choice-inputs input{padding:14px}.start-btn{margin-top:4px}
 .draw,.reading,.result{padding:27px 0 44px}.page-top{margin-bottom:29px;gap:16px}.page-top .text-btn{padding-left:0}.draw-heading{display:block;margin:0 0 27px}.draw-heading h1{max-width:12em;font-size:1.9rem;line-height:1.6;margin:14px 0 16px}.draw-heading .eyebrow{font-size:.625rem;letter-spacing:1.5px}.question-line{font-size:.9375rem;line-height:1.95}.deck-count{display:flex;align-items:baseline;gap:9px;padding:0;border:0;text-align:left;margin-top:21px}.deck-count strong{font-size:1.8rem}.deck-count>span{margin:0;font-size:.8125rem}.deck-table{border-radius:20px;margin:0 -8px;padding:18px 0 16px}.deck-toolbar{padding:0 18px;gap:10px;font-size:.8125rem;align-items:center;min-height:44px}.deck-arrows{gap:7px}.deck-arrows .icon-btn{width:44px;height:44px}.deck{padding:38px 24px 35px}.pick-card{flex-basis:94px;width:94px;height:162px;margin-right:-43px}.deck-scroll{padding:4px 18px 0;gap:15px;font-size:.75rem}.deck-scroll>span:first-child{min-width:70px}
 .selection-heading{margin:32px 0 18px;gap:12px}.selection-heading h2{font-size:1rem}.selected-positions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 5px;overflow:visible;min-height:0;padding:3px 0 13px}.selected-positions:has(.position:last-child:nth-child(-n+4)){display:flex;justify-content:center;gap:14px}.position{flex:0 1 76px;width:100%;gap:10px;padding:3px 0 0;min-height:111px}.slot-card{width:42px;height:72px;border-radius:5px}.slot-label{font-size:.75rem;line-height:1.65;white-space:normal;text-align:center;overflow-wrap:anywhere}.slot-remove{width:20px;height:20px;right:calc(50% - 28px);top:-5px}.draw-controls{display:grid;grid-template-columns:1fr auto;gap:17px 12px;margin-top:20px;padding-top:23px}.draw-controls .primary{grid-column:1/-1;grid-row:1;width:100%;min-height:56px;justify-content:space-between;font-size:.9375rem;padding:13px 18px}.draw-controls .text-btn{grid-column:1;grid-row:2;min-height:44px;font-size:.8125rem}.draw-controls p{grid-column:2;grid-row:2;max-width:14em;margin:0;font-size:.75rem;line-height:1.8;text-align:right}
 .reading>.page-top{gap:14px;margin-bottom:22px}.reading>.page-top>div{min-width:0}.reading>.page-top .question-line{margin-top:10px}.session-count{padding:8px 11px;font-size:.75rem;flex-shrink:0}.reading-rail{margin:0 -24px 26px;padding:4px 24px 12px;gap:9px;scroll-padding-inline:24px;scrollbar-width:none}.reading-rail::-webkit-scrollbar{display:none}.rail-card{padding:11px 13px;min-height:46px;gap:8px}.rail-card b{font-size:.8125rem}.reading-workspace{display:block}.card-stage{position:relative;top:auto;padding:25px 18px 26px;margin-bottom:32px;border-radius:21px}.card-stage-label{margin-bottom:23px;gap:13px}.card-stage-label>span:first-child{font-size:1.35rem}.card-stage-label>span:last-child{font-size:.9375rem}.focus-card{width:180px}.card-caption{font-size:.8125rem;margin-top:23px}.unopened{padding:27px 23px;min-height:0;border-radius:20px}.unopened>.section-emblem{display:none}.unopened>.eyebrow{font-size:.625rem;letter-spacing:1.6px}.unopened h1{font-size:1.8rem;line-height:1.6;margin:13px 0 18px}.unopened>p{font-size:1rem;line-height:1.95;margin-bottom:25px}.unopened .quiet-note{margin:18px 0 0;font-size:.8125rem}.card-reading-header{padding:0 3px 28px}.card-reading-header h1{font-size:2rem;line-height:1.5;margin:0 0 18px}.card-meta{font-size:.8125rem;margin-bottom:15px}.keyword-chips{gap:8px}.keyword-chips>span{font-size:.75rem;padding:5px 10px}.insight-block,.reading-section.insight-block,.overall.insight-block,.next-step.insight-block{padding:25px 22px;margin-bottom:25px;border-radius:18px}.block-label{gap:10px;margin-bottom:21px}.block-label h2{font-size:.875rem}.section-emblem{width:30px;height:30px;flex-shrink:0}.reading-article .key-takeaway p.takeaway-line{font-size:1.375rem;line-height:1.9}.reading-article .insight-block p,.action-list li,.insight-points li{font-size:1rem;line-height:2.05}.reading-article .insight-block p{margin-bottom:21px}.action-list li{padding:17px 0;grid-template-columns:21px minmax(0,1fr);gap:12px}.action-list li::before{line-height:2.5}.meaning-details{border-radius:13px}.meaning-details summary{padding:17px;font-size:.8125rem;min-height:56px}.meaning-content{padding:23px 19px}.meaning-content p{font-size:1rem;line-height:2}.reading-actions{display:flex;flex-direction:column-reverse;gap:13px;margin-top:27px;padding:0}.reading-actions .primary{width:100%;justify-content:space-between;font-size:.9375rem;min-height:56px;padding:13px 18px;margin:0}.reading-actions .text-btn{align-self:center;font-size:.875rem;min-height:44px;background:none;border-color:transparent}.reading-actions .text-btn[disabled]{display:none}
 .result-heading{margin:6px 0 30px}.result-heading h1{font-size:1.85rem;line-height:1.7;max-width:10em}.spread-overview{padding:24px 16px 20px;border-radius:21px;margin:0 -8px 36px}.spread-overview-head{display:flex;flex-direction:column;gap:23px;align-items:stretch}.spread-heading{gap:14px;padding:0 5px}.summary-diagram{width:56px;height:50px}.spread-heading .eyebrow{display:block;font-size:.5625rem;letter-spacing:1.5px}.spread-heading h2{font-size:1.125rem;margin-top:5px;line-height:1.6}.spread-overview-head .outline-btn{min-height:46px;justify-content:space-between;padding:11px 15px;font-size:.8125rem}.spread-layout-hint{font-size:.8125rem;line-height:1.95;margin:23px 5px}.spread-board.spread-celtic{margin-top:31px;margin-bottom:30px}.spread-legend.legend-celtic{gap:9px 10px;margin-top:8px;padding-top:21px}.spread-legend button{min-height:44px;padding:10px 8px;font-size:.8125rem;gap:8px}.board-footer{font-size:.75rem;line-height:1.9;align-items:flex-start;padding:18px 4px 0}.board-footer .ui-icon{margin-top:3px;flex-shrink:0}.reading-aside{margin-bottom:28px}.index-caption{padding:0 0 16px;font-size:.8125rem}.reading-index{flex-wrap:nowrap;overflow:auto;gap:9px;padding:0 0 12px;scrollbar-width:none}.reading-index a{min-height:44px;flex:0 0 auto;padding:10px 13px;gap:9px}.reading-index a>span{white-space:nowrap;font-size:.8125rem}.reading-type{font-size:.6875rem}.overall h3.overall-headline{font-size:1.65rem;line-height:1.8;margin:24px 0}.reflection .overall p.summary-lead{font-size:1rem;line-height:2.05}.overall-points li{font-size:.9375rem;line-height:2;margin-bottom:20px}.section-title{gap:11px;margin-bottom:23px}.section-title h3{font-size:1.0625rem;line-height:1.8}.insight-points li{padding-left:14px;margin-bottom:22px}.analysis-details summary{min-height:48px;font-size:.8125rem;padding:13px}.expanded-analysis{padding:2px 15px 21px}.analysis-paragraph{display:block;margin-top:18px;padding-top:18px}.analysis-paragraph>span{display:block;margin-bottom:10px}.reflection .analysis-paragraph p{font-size:.9375rem;line-height:2.05;margin-bottom:18px}.reflection .watch-signal p{font-size:1rem;line-height:2}.evidence{margin-top:25px;padding-top:19px}.reflection .evidence p{line-height:1.95;font-size:.8125rem}.reflection .reading-footnote{margin:25px 1px 0;font-size:.75rem;line-height:2}.result-end{line-height:1.9;margin-top:38px}.result-end .text-btn{padding-left:0}footer{padding:27px 24px 31px;gap:15px}.footer-brand{font-size:1rem;gap:8px}.footer-brand img{width:26px;height:26px}footer>span:nth-child(2){line-height:1.9;font-size:.75rem}dialog{width:calc(100% - 32px);padding:26px 24px;border-radius:21px}dialog p{line-height:2}dialog h3{margin-top:28px}
}
@media(max-width:380px){main{padding:0 20px}.header{padding-left:20px;padding-right:20px}.welcome h1{font-size:2.15rem;letter-spacing:1px}.welcome-copy{font-size:.875rem}.question-chapter{padding:23px 18px}.topic{font-size:.6875rem}.setup-navigation{gap:10px}.setup-navigation button{font-size:.8125rem;gap:7px}.setup-progress-line{max-width:45px}.spread{grid-template-columns:53px minmax(0,1fr);gap:11px;padding-left:13px;padding-right:40px}.spread-diagram{width:53px}.spread-copy b{font-size:.9375rem}.spread-count{right:11px;font-size:.9375rem}.form-bottom{font-size:.75rem}.reading-rail{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.insight-block,.reading-section.insight-block,.overall.insight-block,.next-step.insight-block{padding:23px 19px}.reading-article .key-takeaway p.takeaway-line{font-size:1.25rem}.overall h3.overall-headline{font-size:1.5rem}.spread-board.spread-choice{gap:24px 15px}.focus-card{width:170px}.header .text-btn{font-size:.75rem}.spread-heading .eyebrow{font-size:.5625rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Question calibration and a personal, device-local return path. */
.header-tools{display:flex;align-items:center;gap:14px}.header .about-icon{width:44px;padding:8px}.question-calibration{border-top:1px solid var(--line);margin-top:21px;padding-top:9px}.question-calibration summary{display:flex;align-items:center;gap:9px;min-height:48px;cursor:pointer;list-style:none;font-size:.8125rem;color:#b8c9d8}.question-calibration summary::-webkit-details-marker,.context-frame summary::-webkit-details-marker{display:none}#contextPreview{margin-left:auto;font-size:.75rem;color:#d2dfe9}.question-calibration summary>.ui-icon{width:15px;height:15px}.question-calibration[open] summary>.ui-icon,.context-frame[open] summary>.ui-icon{transform:rotate(180deg)}.calibration-inner{padding:13px 0 2px}.calibration-inner label,.context-frame-body label{display:block;font-size:.875rem;color:#d0dfe9;margin-bottom:12px}.calibration-inner p{font-size:.8125rem;line-height:1.9;color:#99b0c5;margin:12px 0 0}select{font:500 .9375rem/1.7 var(--sans);color:#d9e6ef;border:1px solid #a8c6df3a;background:#172638;border-radius:10px;min-height:48px;padding:11px 34px 11px 13px;width:100%;max-width:100%;outline-offset:3px}select:focus-visible{outline:3px solid #89aacb}select option{background:#18283a;color:#e0eaf1}.reading-article .insight-block p.context-check{margin-top:22px;padding-top:19px;border-top:1px solid #9bb8d126;color:#cbdde9;font-size:.9375rem}.context-check strong{display:block;font-size:.75rem;letter-spacing:.6px;color:#96b1c8;margin-bottom:9px}.context-frame{border:1px solid #a7c4dc2a;border-radius:15px;background:#26394b45;margin:0 0 23px;overflow:hidden}.context-frame summary{min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;font-size:.875rem;cursor:pointer;list-style:none;color:#c3d6e5}.context-frame summary>span{display:flex;align-items:center;gap:10px}.context-frame summary .ui-icon{width:18px;height:18px;flex:none}.context-frame-body{padding:6px 22px 23px}.context-frame-body p{font-size:.875rem;line-height:1.95;margin:15px 0 20px;color:#adbed0}.context-frame-body p.context-status{font-size:.75rem;color:#99b4ca;margin:8px 0 14px}.context-frame-body blockquote{font:600 1.125rem/1.9 var(--serif);padding-left:15px;border-left:2px solid #a4c2da59;margin:16px 0;color:#dbe8f1;overflow-wrap:anywhere}.context-tags{display:flex;flex-wrap:wrap;gap:8px}.context-tags span{font-size:.75rem;padding:4px 10px;border-radius:5px;border:1px solid #9fbcd92d;color:#b7d0df;background:#94bed90a}.context-adjust{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.context-adjust .outline-btn{font-size:.8125rem;gap:12px;padding:10px 14px}.closing-letter{max-width:800px;margin:65px auto 24px;padding:45px 50px 29px;border:1px solid #b9ccdf38;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#54728b25,transparent 64%),linear-gradient(135deg,#2b3d5080,#18263ae0);box-shadow:inset 0 1px 0 #e9f4ff18,0 25px 50px -20px #0007}.letter-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}.letter-heading img{filter:drop-shadow(0 4px 8px #0004)}.letter-heading .eyebrow{font-size:.625rem;letter-spacing:2px}.closing-letter h2{font:600 2rem/1.7 var(--serif);letter-spacing:.5px;margin:0 0 23px;color:#e0e9ef}.letter-body{font-size:1.0625rem;line-height:2;max-width:34em;color:#c4d4e1;margin-bottom:30px}.letter-reminder{border-left:2px solid #afc9de75;padding:2px 0 2px 20px;margin:0 0 30px}.letter-reminder>span{font-size:.75rem;color:#93afc6}.letter-reminder p{font:600 1.1875rem/1.8 var(--serif);color:#cfe0eb;margin:10px 0 0}.letter-invitation{font-size:.9375rem;line-height:2;color:#9fb5c8;margin-bottom:31px}.letter-write{margin-bottom:23px}.letter-write label{display:block;font-size:.9375rem;font-weight:700;color:#c9dce9;margin-bottom:13px}.letter-write small{font-size:.75rem;font-weight:500;margin-left:8px;color:#93aec5}.letter-write textarea{font-size:1rem;min-height:105px;padding:16px;line-height:1.95}.letter-actions{display:flex;gap:19px;align-items:center;flex-wrap:wrap;margin-top:28px}.letter-actions .primary{font-size:.9375rem;gap:25px}.letter-actions .text-btn{font-size:.875rem}.save-status{font-size:.875rem;line-height:1.9;color:#c3ded3;margin:18px 0 0}.save-status:empty{display:none}.device-note{font-size:.75rem;line-height:1.9;color:#96adc3;padding-top:23px;margin:22px 0 0;border-top:1px solid var(--line)}#journalDialog{width:min(660px,calc(100% - 32px));max-height:88dvh}#journalDialog h2{font-size:2rem;margin-bottom:15px}#journalDialog p.journal-intro{font-size:1rem;margin-bottom:14px}#journalDialog p.journal-storage{font-size:.75rem;line-height:1.9;color:#96aec3;margin-bottom:28px}.journal-empty{padding:29px 0}.journal-empty>.ui-icon{width:34px;height:34px;color:#aac7de;margin-bottom:23px}.journal-empty h3{font:600 1.35rem/1.8 var(--serif);margin:0 0 15px}.journal-empty p{font-size:.9375rem;line-height:2}.journal-entry{padding:24px 0;border-top:1px solid var(--line)}.journal-meta{display:flex;justify-content:space-between;gap:14px;font-size:.75rem;line-height:1.8;color:#8eacc5}.journal-entry h3{font:600 1.2rem/1.9 var(--serif);margin:17px 0 12px;color:#e1ebf3;overflow-wrap:anywhere}#journalDialog .journal-headline{font-size:.875rem;color:#a8bfd1;line-height:1.9;margin-bottom:17px}.journal-entry blockquote{font-size:.875rem;line-height:1.9;margin:0 0 20px;border-left:2px solid #90b0c44d;padding-left:14px;color:#b9cddd;overflow-wrap:anywhere}.journal-entry-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.journal-entry-actions .outline-btn{font-size:.8125rem;padding:10px 14px;min-height:44px;gap:16px}.journal-entry-actions .text-btn{font-size:.8125rem}#journalDialog .journal-entry-status,#journalStatus{font-size:.8125rem;color:#b8cad9;line-height:1.9;margin:12px 0 0}.journal-entry-status:empty{display:none}
@media(max-width:760px){.header-tools{gap:6px}.header .about-icon{width:32px;padding:8px 4px}.header #journalBtn{font-size:.75rem;gap:6px}.header #journalBtn .ui-icon{width:17px;height:17px}.question-calibration{margin-top:21px}.question-calibration summary{font-size:.75rem;gap:6px}#contextPreview{font-size:.6875rem;max-width:10em;text-align:right}.calibration-inner label{font-size:.8125rem}.calibration-inner p{font-size:.75rem}.context-frame{margin-bottom:25px}.context-frame summary{padding:16px;font-size:.8125rem;line-height:1.8;min-height:58px}.context-frame-body{padding:4px 18px 23px}.context-frame-body blockquote{font-size:1.0625rem;line-height:1.9}.context-adjust{grid-template-columns:1fr;gap:12px}.context-adjust .outline-btn{justify-content:space-between;min-height:48px}.closing-letter{margin-top:43px;padding:29px 23px 25px;border-radius:21px}.letter-heading{gap:12px;margin-bottom:23px}.letter-heading img{width:40px;height:40px}.letter-heading .eyebrow{font-size:.5625rem;letter-spacing:1.2px}.closing-letter h2{font-size:1.7rem;line-height:1.8;margin-bottom:23px}.letter-body{font-size:1rem;line-height:2.05;margin-bottom:27px}.letter-reminder{padding-left:16px;margin-bottom:27px}.letter-reminder p{font-size:1.125rem;line-height:1.9}.letter-invitation{font-size:.875rem;line-height:2;margin-bottom:27px}.letter-write label{font-size:.875rem;line-height:1.9}.letter-write small{font-size:.6875rem;margin-left:5px}.letter-actions{display:flex;flex-direction:column;gap:13px;margin-top:25px}.letter-actions .primary{width:100%;justify-content:space-between;font-size:.875rem;min-height:56px}.letter-actions .text-btn{min-height:44px;font-size:.8125rem}.device-note{font-size:.6875rem;line-height:2;margin-top:18px;padding-top:21px}.save-status{font-size:.8125rem;line-height:1.95}.journal-entry h3{font-size:1.125rem;line-height:1.95}.journal-meta{font-size:.6875rem}.journal-entry-actions{gap:12px}.journal-entry-actions .outline-btn{font-size:.75rem}.journal-entry-actions .text-btn{font-size:.75rem}.reading-article .insight-block p.context-check{font-size:.9375rem;line-height:2}}
@media(max-width:380px){.header{gap:8px}.brand{gap:7px}.brandmark{width:40px;height:40px}.brand-name{font-size:1.25rem}.header-tools{gap:3px}.header #journalBtn{font-size:.6875rem}.closing-letter{padding-left:20px;padding-right:20px}.closing-letter h2{font-size:1.5rem}}

/* V9 — editorial hierarchy and a separate closing chapter. */
[hidden]{display:none!important}.micro-label{display:block;font:700 .75rem/1.7 var(--sans);color:#9cb4c9;letter-spacing:.7px}.header .journey{gap:7px}.header .journey span{font-size:.8125rem;padding:7px 9px}.header .journey i{width:14px}.result{max-width:1000px;margin:auto}.result-heading{margin-bottom:30px;gap:28px}.result-heading h1{font-size:2.3rem;line-height:1.65}.result-heading .question-line{font-size:.9375rem;max-width:37em;color:#afc1d2}.result-tabs{position:sticky;top:12px;z-index:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;isolation:isolate;padding:5px;margin:0 0 44px;border:1px solid #adc7dd2f;background:#142132ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:15px;box-shadow:inset 0 1px 0 #e7f2fc0c,0 8px 24px #0003;scroll-margin-top:18px}.result-tabs button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:11px;padding:14px 12px;min-height:51px;font-size:.9375rem;color:#93acc4;border-radius:10px;transition:color .28s}.result-tabs button[aria-selected=true]{color:#e6eff6;font-weight:700}.result-tabs button .ui-icon{width:19px;height:19px}.tab-indicator{position:absolute;z-index:0;inset:5px auto 5px 5px;width:calc((100% - 10px)/3);background:linear-gradient(135deg,#4a657849,#34495e70);border:1px solid #b6cee133;border-radius:10px;box-shadow:inset 0 1px 0 #e5f4ff16,0 3px 8px #0002;transform:translateX(calc(var(--tab-index)*100%));transition:transform .42s var(--ease)}[role=tabpanel]{outline-offset:8px;scroll-margin-top:90px}#resultOverview,#resultConnections{max-width:760px;margin:0 auto}.editorial-overview .context-frame{margin-bottom:32px;background:none;border-color:#9dbdd025}.editorial-overview .context-frame summary{font-size:.8125rem;min-height:50px;padding:13px 17px}.overview-lead{padding:12px 5px 34px;margin-bottom:12px;border-bottom:1px solid #b1cadd2b}.editorial-kicker{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.editorial-kicker .eyebrow{font-size:.625rem;letter-spacing:2.3px}.editorial-kicker>span:last-child{font-size:.75rem;color:#9bb4c9}.overview-lead>.micro-label{margin-bottom:17px;color:#b0c7da}.overview-lead h2{font:600 2.65rem/1.6 var(--serif);letter-spacing:1px;color:#e7eff4;max-width:16em;margin:0 0 20px}.reflection .overview-focus{font-size:1rem;line-height:1.95;color:#b1c5d6;margin:0 0 21px}.overview-reason{margin-top:20px}.overview-reason summary,.action-depth summary,.reading-method summary,.position-depth summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;cursor:pointer;font-size:.875rem;font-weight:500;color:#afc7da;padding:12px 0}.overview-reason summary{justify-content:flex-start;gap:13px}.overview-reason summary>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #a0bbd139;border-radius:50%}.overview-reason summary .ui-icon{width:13px;height:13px}.overview-reason summary::-webkit-details-marker,.action-depth summary::-webkit-details-marker,.reading-method summary::-webkit-details-marker,.position-depth summary::-webkit-details-marker,.connection-chapter summary::-webkit-details-marker,.storage-explainer summary::-webkit-details-marker{display:none}.overview-reason[open] summary .ui-icon,.action-depth[open] summary>.ui-icon,.position-depth[open] summary>.ui-icon,.connection-chapter[open] .chapter-toggle .ui-icon{transform:rotate(180deg)}.detail-copy{padding:15px 0 6px;max-width:38em}.detail-copy p,.reflection .detail-copy p{font-size:1rem;font-weight:500;line-height:2;color:#b8c9d8;margin:0 0 20px;overflow-wrap:anywhere}.detail-copy p:last-child{margin-bottom:0}.detail-copy strong,.fragment-copy strong,.fragment-lead strong,.position-lead strong{font-weight:700;color:#e0ebf3}.summary-notes{display:grid;gap:0;margin:0 0 41px}.summary-note{display:grid;grid-template-columns:27px minmax(0,1fr) 40px;gap:17px;padding:27px 5px;border-bottom:1px solid #a2bfd021;align-items:center}.note-index{font:500 .8125rem/1.6 var(--number);color:#7290ac;align-self:start;padding-top:3px}.note-body>.micro-label{font-size:.75rem;color:#98b4cb;margin-bottom:9px}.note-body h3{font:700 1.35rem/1.7 var(--sans);color:#d8e5ef;margin:0 0 9px;letter-spacing:.1px}.reflection .note-body p{font-size:.75rem;line-height:1.8;color:#8fa9c0;margin:0}.summary-note img{display:block;width:40px;height:auto;aspect-ratio:600/1034;object-fit:contain;border-radius:3px;filter:saturate(.78);box-shadow:2px 4px 0 #071321,0 7px 14px #0004}.one-step{padding:31px 32px;border:1px solid #a4c7bc35;border-radius:19px;background:linear-gradient(125deg,#30524b4a,#1d343e8f);box-shadow:inset 0 1px 0 #ddf2e90e,0 15px 30px -23px #0008}.editorial-section-title{display:flex;gap:14px;align-items:center;margin-bottom:23px}.editorial-section-title h2{font:700 1.35rem/1.6 var(--sans);color:#cfdfda;margin:0}.editorial-section-title .section-emblem{width:33px;height:33px;color:#abcfc1;background:#92bca214;border-color:#adcab53d}.reflection .one-step-lead{font:600 1.5rem/1.85 var(--serif);color:#dfebe4;margin:0 0 18px;letter-spacing:.3px}.action-depth{border-top:1px solid #a7c5bb24;margin-top:22px;padding-top:4px}.action-depth summary{color:#a9c6bb;font-size:.8125rem}.action-depth summary .ui-icon{width:16px;height:16px}.signal-note{margin-top:25px;padding-top:24px;border-top:1px solid #accab52b}.signal-note .micro-label{font-size:.6875rem;color:#8eb4a7}.reflection .signal-note p{font-size:.9375rem;line-height:2;color:#b6cfc3;margin:11px 0 0}.connections-entry{display:flex;width:100%;justify-content:space-between;min-height:55px;padding:15px 20px;font-size:.875rem;margin-top:25px}.reading-method{margin:24px 3px 0}.reading-method summary{font-size:.75rem;color:#8da8c0}.reading-method summary .ui-icon{width:16px;height:16px}.reading-method .detail-copy p{font-size:.8125rem;color:#92aabe;line-height:1.95}.view-intro{padding:0 4px;margin-bottom:32px}.view-intro .eyebrow{font-size:.625rem}.view-intro h2{font:600 2rem/1.7 var(--serif);color:#deebf3;margin:15px 0 13px}.view-intro p{font-size:.9375rem;line-height:1.9;color:#9fb8cd;margin:0}.connection-chapter{border:1px solid #a9c5dd2c;border-radius:18px;background:linear-gradient(130deg,#2a3d5160,#19283b94);box-shadow:inset 0 1px 0 #dcedfb0a,0 13px 25px -18px #0007;margin-bottom:17px;scroll-margin-top:95px}.connection-chapter>summary{display:flex;gap:18px;align-items:center;list-style:none;cursor:pointer;padding:27px 28px;min-height:114px}.chapter-number{font:500 1.55rem/1 var(--number);color:#7595b3;flex:none;align-self:flex-start;padding-top:7px}.chapter-title{flex:1;min-width:0}.chapter-title h3{font:700 1.35rem/1.7 var(--sans);color:#dce7f0;margin:0 0 10px}.chapter-title small{font-size:.75rem;line-height:1.7;color:#8eaac3}.chapter-toggle{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid #a3c1da30;border-radius:50%;color:#aac6dc}.chapter-toggle .ui-icon{width:17px;height:17px}.connection-chapter[open]{border-color:#afcadd4d;background:linear-gradient(130deg,#2d425671,#192a3ce0)}.connection-chapter[open]>summary{border-bottom:1px solid #b7cfdf25}.chapter-content{padding:5px 32px 30px}.reason-fragment{margin:26px 0 0;padding-bottom:24px}.reason-fragment+.reason-fragment{padding-top:5px}.fragment-heading{display:flex;gap:17px;align-items:center;margin-bottom:19px}.fragment-heading>span{font:700 .6875rem/1.7 var(--sans);letter-spacing:1px;color:#96b5cd;white-space:nowrap}.fragment-heading i{height:1px;flex:1;background:#a0bfd421}.fragment-lead{font:700 1.125rem/1.95 var(--sans);color:#d9e6ef;margin:0 0 20px;max-width:34em;overflow-wrap:anywhere}.fragment-copy{padding-left:18px;border-left:1px solid #a0bdd12b}.fragment-copy p{font-size:1rem;font-weight:500;line-height:2;color:#b5c8d8;margin:0 0 20px;max-width:36em;overflow-wrap:anywhere}.fragment-copy p:last-child{margin-bottom:0}.chapter-content .evidence{margin-top:4px;padding-top:22px}.evidence-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.evidence-chips>span{font-size:.6875rem;line-height:1.9;padding:6px 10px;color:#a2bcd1;background:#1425395e;border:1px solid #93b4d029;border-radius:6px}.result-next{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:31px 0 0;margin:47px auto 0;border-top:1px solid #afc8de2b;max-width:760px}.result-next .eyebrow{font-size:.625rem;letter-spacing:1.6px}.result-next p{font:600 1.125rem/1.8 var(--serif);color:#c5d7e4;margin:10px 0 0}.result-next .primary{flex:none;font-size:.9375rem;gap:20px}.result-end{max-width:760px;margin:30px auto 0;font-size:.8125rem}.result-end .text-btn{font-size:.8125rem}.spread-overview{margin-bottom:0}#resultSpread .spread-overview-head{align-items:center}.reading-article .insight-block{margin-bottom:30px}.reading-article .key-takeaway{padding:27px 31px}.reading-article .key-takeaway .block-label{margin-bottom:15px}.reading-article .block-label h2{font-size:.8125rem;color:#9db9ce;font-weight:700}.reading-article .key-takeaway p.takeaway-line{font:600 1.95rem/1.65 var(--serif);color:#e4edf3}.reading-article .position-block{padding:7px 4px 24px;border:0;border-radius:0;background:none;box-shadow:none}.reading-article .position-block .block-label{margin:0 0 23px}.reading-article .position-block .block-label h2{font-size:1.2rem;color:#d3e2ed}.reading-article .position-lead{font-size:1.125rem!important;line-height:2!important;color:#c6d8e5!important;margin-bottom:20px!important}.position-depth{border-top:1px solid #9fbdd026;padding-top:3px}.position-depth summary{font-size:.8125rem}.position-depth summary .ui-icon{width:16px;height:16px}.reading-article .position-depth .detail-copy p{font-size:1rem;line-height:2;color:#b0c5d7}.context-check{margin-top:24px;padding:20px 22px;border-left:2px solid #a4c6df5e;background:#6b93b00a;border-radius:0 10px 10px 0}.context-check>.micro-label{font-size:.6875rem;color:#8daec8;margin-bottom:11px}.reading-article .context-check p{font:600 1.125rem/1.95 var(--serif);color:#c3d9e8;margin:0}.reading-article .action-block .block-label h2{font-size:1.1875rem;color:#d0e2d9}.reading-article .action-list li{font-size:1rem;line-height:2}.meaning-content h3{font-size:1rem;margin-top:0;margin-bottom:17px}.meaning-content p{font-size:1rem;line-height:2;margin-bottom:20px}.card-reading-header h1{font-size:2.9rem;line-height:1.4;margin-bottom:20px}.card-reading-header{padding-bottom:32px}
.moment{padding:30px 0 50px}.moment>.page-top{max-width:1100px;margin:0 auto 29px}.moment .closing-letter{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:65px;max-width:1100px;margin:0 auto;padding:40px 0;background:none;border:0;box-shadow:none;border-radius:0;align-items:start}.moment-note{padding:15px 0 0;position:sticky;top:30px}.moment .letter-heading{margin-bottom:28px}.moment .letter-heading img{width:52px;height:52px}.moment #closingTitle{font:600 2.4rem/1.6 var(--serif);letter-spacing:1px;color:#e1ebf3;margin:0 0 27px}.moment .letter-body{font-size:1.0625rem;line-height:2.1;color:#bfcedd;margin-bottom:31px}.moment .letter-reminder{margin-bottom:26px}.moment .letter-invitation{font-size:.9375rem;line-height:2;color:#a2bbcf;margin-bottom:28px}.moment-question{border-top:1px solid #99b7cf25;padding-top:24px}.moment-question>span{font-size:.75rem;color:#83a3be}.moment-question p{font-size:.9375rem;line-height:1.95;color:#9fbacf;margin:11px 0 0;overflow-wrap:anywhere}.moment-writing{padding:33px;border-radius:23px;border:1px solid #b6cde13b;background:linear-gradient(135deg,#344a5e69,#1a2b40c9);box-shadow:inset 0 1px 0 #e6f4ff17,0 20px 50px -22px #0009;transition:box-shadow .4s,border-color .4s}.moment-writing:focus-within{border-color:#bcd4e665;box-shadow:inset 0 1px 0 #f0f8ff20,0 20px 50px -22px #0009,0 0 35px #739dc30a}.writing-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:30px}.writing-heading h2{font:600 1.45rem/1.65 var(--serif);color:#dce8f1;margin:0 0 12px}.writing-heading p{font-size:.8125rem;line-height:1.85;color:#9bb5ca;margin:0}.writing-heading .section-emblem{margin-top:3px;width:32px;height:32px}.moment .letter-write label{font-size:.875rem;margin-bottom:15px}.moment .letter-write textarea{min-height:155px;max-height:420px;line-height:2;padding:18px;font-size:1rem;background:#0e1d2e99;transition:border-color .35s,box-shadow .35s}.moment .letter-write textarea:focus{box-shadow:0 0 0 3px #94b5d213,inset 0 2px 8px #0002;border-color:#b7d1e568}.moment .letter-actions{display:flex;flex-direction:column;gap:12px}.moment .letter-actions .primary{width:100%;justify-content:space-between}.moment .letter-actions .text-btn{font-size:.8125rem;min-height:44px}.primary.is-saved{background:linear-gradient(145deg,#dbe9e2,#a7c5b8);border-color:#d2e8da7a}.storage-explainer{margin-top:24px;border-top:1px solid #a9c6dc29;padding-top:14px}.storage-explainer summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:.75rem;line-height:1.8;color:#96b2ca;min-height:44px}.storage-explainer summary .ui-icon{width:15px;height:15px;flex:none}.storage-explainer summary .ui-icon:last-child{margin-left:auto;width:13px;height:13px}.storage-explainer[open] summary>.ui-icon:last-child{transform:rotate(180deg)}.storage-explainer>div{padding:13px 0 4px}.storage-explainer p{font-size:.8125rem;line-height:1.95;color:#a9bed1;margin:0 0 17px}.storage-explainer p:last-child{margin-bottom:0}.storage-explainer strong{font-weight:700;color:#d0e1ed}.moment-finish{display:flex;margin:24px auto 0;font-size:.875rem;min-height:44px}.moment .save-status{font-size:.8125rem;padding-left:12px;border-left:2px solid #a7c9b979}.moment .save-status:empty{display:none}
@media(hover:hover){.connection-chapter:hover{border-color:#b4cddc4c}.connection-chapter:hover .chapter-toggle{background:#8babcc17;transform:translateY(2px)}.summary-note{transition:background .35s}.summary-note:hover{background:#81a5c306}.overview-reason summary:hover,.position-depth summary:hover{color:#e0ecf5}.result-tabs button:hover{color:#d3e3f0}.moment-writing:hover{border-color:#b2ccdf4b}}
@media(min-width:761px) and (max-width:1000px){.header .journey{gap:2px}.header .journey i{width:5px}.header .journey span{font-size:.75rem;padding:6px}.moment .closing-letter{gap:34px}.moment-writing{padding:27px}.moment #closingTitle{font-size:2rem}.writing-heading h2{font-size:1.25rem}}
@media(max-width:760px){
 .result-heading{margin-bottom:27px}.result-heading h1{font-size:1.95rem;line-height:1.65;max-width:11em}.result-heading .question-line{font-size:.875rem;line-height:1.95}.result-heading .outline-btn{font-size:.8125rem;min-height:44px;margin-top:15px}.result-tabs{top:9px;padding:4px;margin-bottom:30px;border-radius:12px}.result-tabs button{gap:6px;font-size:.8125rem;padding:13px 4px;min-height:47px}.result-tabs button .ui-icon{width:16px;height:16px}.tab-indicator{inset:4px auto 4px 4px;width:calc((100% - 8px)/3);border-radius:8px}#resultOverview,#resultConnections{width:100%}.editorial-overview .context-frame{margin-bottom:27px}.editorial-overview .context-frame summary{padding:13px 14px;font-size:.75rem;line-height:1.9}.overview-lead{padding:6px 1px 25px;margin-bottom:3px}.editorial-kicker{margin-bottom:26px;gap:15px}.editorial-kicker .eyebrow{font-size:.5625rem;letter-spacing:2px}.editorial-kicker>span:last-child{font-size:.6875rem}.overview-lead>.micro-label{font-size:.75rem;margin-bottom:17px}.overview-lead h2{font-size:2rem;line-height:1.7;letter-spacing:.5px;max-width:12em;margin-bottom:20px}.reflection .overview-focus{font-size:.8755rem;line-height:1.95;margin-bottom:15px}.overview-reason{margin-top:14px}.overview-reason summary{font-size:.8125rem;min-height:47px}.detail-copy{padding:13px 0 5px}.detail-copy p,.reflection .detail-copy p{font-size:1rem;line-height:2;margin-bottom:23px}.summary-notes{margin-bottom:32px}.summary-note{grid-template-columns:20px minmax(0,1fr) 32px;gap:11px;padding:24px 1px}.note-index{font-size:.75rem;padding-top:4px}.note-body>.micro-label{font-size:.6875rem;margin-bottom:10px}.note-body h3{font-size:1.1875rem;line-height:1.8;margin-bottom:10px}.reflection .note-body p{font-size:.6875rem;line-height:1.9}.summary-note img{width:32px;border-radius:2px}.one-step{padding:24px 21px;border-radius:17px}.editorial-section-title{gap:11px;margin-bottom:23px}.editorial-section-title h2{font-size:1.1875rem}.editorial-section-title .section-emblem{width:30px;height:30px}.reflection .one-step-lead{font-size:1.3125rem;line-height:1.95;margin:0 0 15px}.action-depth{margin-top:23px}.action-depth summary{font-size:.75rem;min-height:49px;padding:13px 0}.signal-note{margin-top:23px;padding-top:23px}.signal-note .micro-label{font-size:.6875rem}.reflection .signal-note p{font-size:.9375rem;line-height:2;margin-top:12px}.connections-entry{font-size:.8125rem;padding:14px 15px;min-height:52px;margin-top:24px;gap:15px}.reading-method{margin-top:23px}.reading-method summary{font-size:.6875rem;line-height:1.8}.reading-method .detail-copy p{font-size:.8125rem}.view-intro{padding:0 1px;margin-bottom:27px}.view-intro h2{font-size:1.75rem;line-height:1.7;margin:13px 0 15px}.view-intro p{font-size:.875rem;line-height:1.9}.connection-chapter{border-radius:16px;margin-bottom:14px}.connection-chapter>summary{padding:23px 18px;gap:12px;min-height:110px}.chapter-number{font-size:1.25rem;padding-top:6px}.chapter-title h3{font-size:1.125rem;line-height:1.85;margin-bottom:9px}.chapter-title small{font-size:.6875rem}.chapter-toggle{width:27px;height:27px}.chapter-toggle .ui-icon{width:15px;height:15px}.chapter-content{padding:0 20px 25px}.reason-fragment{margin-top:26px;padding-bottom:20px}.fragment-heading{margin-bottom:20px;gap:14px}.fragment-heading>span{font-size:.6875rem}.fragment-lead{font-size:1.0625rem;line-height:2.05;margin-bottom:23px}.fragment-copy{padding-left:13px}.fragment-copy p{font-size:1rem;line-height:2.05;margin-bottom:24px}.evidence-chips{display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}.evidence-chips>span{font-size:.6875rem;line-height:1.9;padding:7px 10px}.chapter-content .evidence{padding-top:21px}.chapter-content .evidence>span{font-size:.6875rem}.result-next{display:block;margin-top:35px;padding-top:27px}.result-next .eyebrow{font-size:.5625rem;letter-spacing:1.4px}.result-next p{font-size:1.0625rem;line-height:1.9;margin:11px 0 23px}.result-next .primary{width:100%;justify-content:space-between;min-height:56px;font-size:.875rem}.result-end{font-size:.75rem;margin-top:29px;padding-top:0;border:0;line-height:1.95}.result-end .text-btn{font-size:.75rem}#resultSpread .spread-overview{margin:0 -8px}#resultSpread .spread-overview-head{align-items:stretch}.reading-article .insight-block{margin-bottom:30px}.reading-article .key-takeaway{padding:25px 22px}.reading-article .key-takeaway .block-label{margin-bottom:17px}.reading-article .key-takeaway .block-label h2{font-size:.75rem}.reading-article .key-takeaway p.takeaway-line{font-size:1.65rem;line-height:1.85}.reading-article .position-block{padding:2px 3px 5px}.reading-article .position-block .block-label{margin-bottom:24px;gap:11px}.reading-article .position-block .block-label h2{font-size:1.0625rem;line-height:1.8}.reading-article .position-lead{font-size:1.0625rem!important;line-height:2.05!important}.position-depth summary{font-size:.8125rem}.reading-article .position-depth .detail-copy p{font-size:1rem;line-height:2.05;margin-bottom:23px}.context-check{margin-top:25px;padding:20px 18px}.reading-article .context-check p{font-size:1.0625rem;line-height:2}.context-check>.micro-label{font-size:.6875rem;margin-bottom:13px}.reading-article .action-block .block-label h2{font-size:1.125rem}.reading-article .action-list li{font-size:1rem;line-height:2.05}.card-reading-header h1{font-size:2.5rem;line-height:1.45;margin-bottom:20px}.card-reading-header{padding-bottom:30px}.meaning-content p{font-size:1rem;line-height:2.05;margin-bottom:23px}
 .moment{padding:25px 0 43px}.moment>.page-top{margin-bottom:18px;gap:12px}.moment .page-top .text-btn{font-size:.8125rem}.moment .page-top .small-label{font-size:.6875rem}.moment .closing-letter{display:block;padding:14px 0 0;margin:0;max-width:none}.moment-note{position:static;padding:0}.moment .letter-heading{gap:13px;margin-bottom:25px}.moment .letter-heading img{width:43px;height:43px}.moment #closingTitle{font-size:2rem;line-height:1.75;letter-spacing:.5px;max-width:11em;margin-bottom:24px}.moment .letter-body{font-size:1rem;line-height:2.05;margin-bottom:27px}.moment .letter-reminder{margin-bottom:23px;padding-left:17px}.moment .letter-reminder>span{font-size:.6875rem}.moment .letter-reminder p{font-size:1.1875rem;line-height:1.9;margin-top:11px}.moment .letter-invitation{font-size:.875rem;line-height:2;margin-bottom:24px}.moment-question{padding-top:20px;margin-bottom:30px}.moment-question>span{font-size:.6875rem}.moment-question p{font-size:.8125rem;line-height:1.95}.moment-writing{padding:25px 21px;border-radius:19px}.writing-heading{gap:11px;margin-bottom:27px}.writing-heading .section-emblem{width:29px;height:29px}.writing-heading h2{font-size:1.3rem;line-height:1.8;margin-bottom:11px}.writing-heading p{font-size:.75rem;line-height:1.95}.moment .letter-write label{font-size:.8125rem;line-height:1.9;margin-bottom:15px}.moment .letter-write small{font-size:.625rem}.moment .letter-write textarea{min-height:160px;line-height:2;font-size:1rem;padding:16px}.moment .letter-actions{margin-top:25px;gap:11px}.moment .letter-actions .primary{font-size:.875rem;min-height:56px}.moment .save-status{font-size:.8125rem;line-height:1.95;margin-top:20px}.storage-explainer{margin-top:21px;padding-top:11px}.storage-explainer summary{font-size:.6875rem;line-height:1.9;gap:6px}.storage-explainer summary .ui-icon{width:14px;height:14px}.storage-explainer p{font-size:.8125rem;line-height:2}.moment-finish{font-size:.75rem;gap:9px;margin-top:28px}
}
@media(max-width:380px){.result-tabs button{font-size:.75rem;gap:5px}.result-tabs button .ui-icon{width:14px;height:14px}.overview-lead h2{font-size:1.8rem}.note-body h3{font-size:1.125rem}.summary-note{gap:9px}.one-step{padding:23px 19px}.chapter-content{padding-left:18px;padding-right:18px}.connection-chapter>summary{padding:21px 15px;gap:10px}.chapter-title h3{font-size:1.0625rem}.chapter-toggle{width:24px;height:24px}.moment #closingTitle{font-size:1.8rem}.moment-writing{padding:23px 18px}.writing-heading h2{font-size:1.1875rem}.reading-article .key-takeaway p.takeaway-line{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v10 — quiet typography, one clear action, deliberate card handling. */
:root{--sans:MoonSans,'PingFang SC','Microsoft YaHei',sans-serif;--serif:var(--sans);--number:var(--sans);--text:#edf1f5;--secondary:#bfccd8;--muted:#97aabd}
body,button,input,textarea,select{font-family:var(--sans);font-weight:500;font-synthesis:none}
h1,h2,h3,legend{font-family:var(--sans);font-weight:700;letter-spacing:-.025em}
p{letter-spacing:0}button{letter-spacing:0}h1 em{font-style:normal}
.brand-name{font-family:var(--sans);font-weight:700;letter-spacing:3px}.brand-name small{letter-spacing:2px;font-weight:500}
.welcome h1{font-family:var(--sans);font-size:clamp(40px,4.4vw,62px);font-weight:700;line-height:1.3;letter-spacing:-.035em;margin:24px 0}.welcome h1 em{font-family:var(--sans);font-weight:700;color:#a8bfda}.welcome-copy{font-size:16px;line-height:1.9;letter-spacing:0}.welcome{align-self:center}.hero-cards{margin-top:46px}
.form-heading label,.spread-select legend{font-size:20px;font-weight:700;letter-spacing:-.02em}.form-heading p{font-size:14px}.setup-panel{border-radius:24px}.topic-row{gap:8px}.topic{font-size:13px;letter-spacing:0}.spread-help{font-size:13px;line-height:1.8}.form-bottom{font-size:12px}.question-calibration summary{font-size:12px}.start-btn{font-size:16px}
.draw-heading h1,.result-heading h1{font-family:var(--sans);font-size:38px;line-height:1.4;letter-spacing:-.03em;font-weight:700;margin:0 0 16px}.draw-heading .question-line,.result-heading .question-line{font-size:15px;line-height:1.85;max-width:38em}.draw-heading,.result-heading{margin-bottom:34px}.result-heading .outline-btn{font-size:13px}.deck-count strong{font-family:var(--sans);font-size:38px;font-weight:700}.deck-count span{font-size:12px}.selection-heading h2{font-size:16px}.draw-controls p{font-size:12px}.draw-controls .primary{font-size:15px}
.deck-table{position:relative;overflow:hidden}.deck-toolbar{min-height:55px}.deck-toolbar>span{font-size:14px;font-weight:700;color:#d5e2ee}.deck-table::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#6384a7,#dfedf8);transform:scaleX(0);transform-origin:left;opacity:.65;transition:transform .6s var(--ease),opacity .6s}.deck-table[data-phase=rest]::after{transform:scaleX(.12)}.deck-table[data-phase=shuffle]::after{transform:scaleX(.5)}.deck-table[data-phase=spread]::after{transform:scaleX(.85)}.deck-table[data-phase=ready]::after{transform:scaleX(1);opacity:0}.deck-table:not([data-phase=ready]) .deck-scroll,.deck-table:not([data-phase=ready]) .deck-arrows{opacity:0;pointer-events:none}.deck-scroll,.deck-arrows{transition:opacity .45s}.deck.shuffling .pick-card{transition:none!important;opacity:1!important;filter:none!important;cursor:default}.deck.shuffling .pick-card::after{display:none}.deck-viewport:has(.shuffling){overflow:hidden;touch-action:pan-y;cursor:default}.deck.shuffling .pick-card .card-back{box-shadow:inset 0 0 0 1px #b0c4d127,2px 3px 4px #0005}.deck.shuffling{perspective:none}
.result-tabs{max-width:760px;margin-bottom:34px}.result-tabs button{font-size:14px;font-weight:700}.editorial-overview .context-frame{margin-bottom:22px}.context-frame summary{font-size:13px}.overview-lead{padding:8px 0 26px;margin:0}.overview-lead>.micro-label{font-size:12px;font-weight:700;color:#9db9d0;margin-bottom:16px}.overview-lead h2{font-family:var(--sans);font-size:34px;font-weight:700;line-height:1.55;letter-spacing:-.025em;max-width:20em;margin-bottom:16px}.overview-reason{margin-top:0}.overview-reason summary{font-size:13px;min-height:44px}.detail-copy p,.reflection .detail-copy p{font-size:16px;line-height:1.85;margin-bottom:19px}
.summary-notes{display:block;margin:0 0 28px;border-top:1px solid #9cbad025;border-bottom:1px solid #9cbad025}.summary-notes>summary,.signal-note>summary,.original-note>summary,.context-check>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:48px;font-size:14px;color:#b9cddd}.summary-notes>summary::-webkit-details-marker,.signal-note>summary::-webkit-details-marker,.original-note>summary::-webkit-details-marker,.context-check>summary::-webkit-details-marker{display:none}.summary-notes>summary .ui-icon,.signal-note>summary .ui-icon,.original-note>summary .ui-icon,.context-check>summary .ui-icon{width:16px;height:16px;transition:transform .3s}.summary-notes[open]>summary .ui-icon,.signal-note[open]>summary .ui-icon,.original-note[open]>summary .ui-icon,.context-check[open]>summary .ui-icon{transform:rotate(180deg)}.summary-note{padding:22px 0}.summary-note:last-child{border:0}.note-body h3{font-size:19px;font-weight:700;line-height:1.65}.note-body>.micro-label{font-size:12px}.reflection .note-body p{font-size:12px}
.one-step{padding:27px 30px;border-radius:18px;background:linear-gradient(130deg,#263e416e,#1a2b3680)}.editorial-section-title{margin-bottom:18px}.editorial-section-title h2{font-size:16px;letter-spacing:0}.editorial-section-title .section-emblem{width:28px;height:28px}.reflection .one-step-lead{font-family:var(--sans);font-size:21px;font-weight:700;line-height:1.7;letter-spacing:0}.action-depth{margin-top:18px}.action-depth summary{font-size:13px;min-height:44px}.signal-note{padding-top:0;margin-top:16px}.signal-note>summary{font-size:13px;color:#adccbe}.reflection .signal-note p{font-size:16px;line-height:1.85}.connections-entry{font-size:14px;min-height:52px}.reading-method{margin-top:18px}.reading-method summary{font-size:12px}.result-next{margin-top:34px;padding-top:26px}.result-next p{font:700 18px/1.6 var(--sans);margin:0}.result-next .primary{font-size:15px}.result-end{margin-top:24px;font-size:12px}
.view-intro h2{font:700 28px/1.5 var(--sans);letter-spacing:-.025em;margin:0 0 12px}.view-intro p{font-size:14px}.connection-chapter>summary{min-height:86px;padding:22px 25px}.chapter-title h3{font-size:19px;margin-bottom:5px}.chapter-title small{font-size:12px}.chapter-number{font:700 18px/1.5 var(--sans)}.fragment-lead{font:700 18px/1.85 var(--sans)}.fragment-copy p{font-size:16px;line-height:1.85}.fragment-heading{margin-bottom:14px}.chapter-toggle{width:28px;height:28px}
.card-reading-header h1{font:700 36px/1.35 var(--sans);letter-spacing:-.03em;margin-bottom:20px}.reading-article .key-takeaway p.takeaway-line{font:700 27px/1.6 var(--sans);letter-spacing:-.02em}.reading-article .key-takeaway{padding:24px 28px}.reading-article .key-takeaway .block-label h2{font-size:12px}.reading-article .block-number{display:none}.reading-article .position-block .block-label h2,.reading-article .action-block .block-label h2{font-size:18px;font-weight:700}.reading-article .position-lead{font-size:16px!important;line-height:1.9!important}.position-depth summary{font-size:13px}.context-check{padding:0 18px;margin-top:18px}.context-check>summary{font-size:13px}.reading-article .context-check p{font:500 16px/1.9 var(--sans);padding:8px 0 20px}.reading-article .action-list li,.meaning-content p{font-size:16px;line-height:1.9}.unopened h1{font-family:var(--sans);font-weight:700;font-size:32px}.unopened>p{font-size:15px}
/* The final page is a single writing surface, not another reading chapter. */
.moment>.page-top{max-width:620px;margin-bottom:40px}.moment .closing-letter{display:block;max-width:620px;margin:0 auto;padding:0}.moment-note{position:static;padding:0;text-align:center}.note-seal{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 24px;border-radius:18px;color:#b7d1e5;border:1px solid #d2e8f327;background:linear-gradient(140deg,#4a667954,#172737);box-shadow:inset 0 1px 0 #f4f9ff18,0 15px 28px -18px #000c;transform:rotate(-5deg)}.note-seal .ui-icon{width:27px;height:27px}.moment #closingTitle{font:700 32px/1.4 var(--sans);letter-spacing:-.03em;max-width:none;margin:0 0 14px}.moment .letter-body{font-size:15px;line-height:1.8;color:#b0c5d6;margin:0 0 32px}.moment-writing{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.moment-writing:focus-within,.moment-writing:hover{border:0;box-shadow:none}.moment .letter-write{position:relative;margin:0}.moment .letter-write textarea{min-height:188px;padding:24px 24px 40px;font:500 16px/1.9 var(--sans);border-radius:18px;background:linear-gradient(130deg,#27394ca8,#172638d9);border:1px solid #b6cfe13a;box-shadow:inset 0 1px 0 #f4f9ff0f,0 15px 30px -22px #000b;resize:vertical;width:100%;display:block}.moment .letter-write textarea:focus{border-color:#b6d0e389;box-shadow:0 0 0 4px #adcde00b,inset 0 1px 0 #f4f9ff18}.moment .letter-write textarea::placeholder{color:#839bb0;font-size:15px}.note-count{position:absolute;bottom:15px;right:22px;font-size:11px;color:#829bb0;pointer-events:none}.moment .letter-actions{margin-top:18px}.moment .letter-actions .primary{min-height:54px;font-size:15px;border-radius:13px;justify-content:center;gap:20px}.moment .save-status{padding:0;border:0;text-align:center;font-size:13px;line-height:1.8;margin:16px 0 0}.note-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:10px}.moment .storage-explainer{margin:0;border:0;padding:0;flex:1;max-width:390px}.moment .storage-explainer summary{min-height:44px;font-size:12px;gap:7px;justify-content:flex-start}.moment .storage-explainer summary .ui-icon:last-child{margin-left:0}.moment .storage-explainer p{font-size:13px;line-height:1.85}.note-bottom>.text-btn{font-size:12px;min-height:44px;white-space:nowrap}.moment-finish{margin:32px auto 0;font-size:13px;min-height:44px}.original-note{padding:0 4px;margin-bottom:15px}.original-note p{font-size:15px;line-height:1.9;color:#b4c9d8;margin:8px 0 20px;overflow-wrap:anywhere}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Small, visible responses follow the user's actions. */
.primary .ui-icon,.outline-btn .ui-icon,.text-btn .ui-icon{transition:transform .35s var(--ease)}.primary:focus-visible .ui-icon{transform:translateX(4px)}.primary,.outline-btn{transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}.primary{box-shadow:inset 0 1px 0 #ffffff78,0 8px 22px -12px #000d}.primary:active{transform:translateY(1px)}
@keyframes quiet-arrival{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes seal-arrival{from{opacity:0;transform:translateY(12px) rotate(-18deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(-5deg) scale(1)}}
@keyframes ink-line{from{stroke-dashoffset:75}to{stroke-dashoffset:0}}
@keyframes slot-settle{from{transform:translateY(-6px);box-shadow:0 0 0 1px #c4dfef85,0 0 24px #b2d4ec28}to{transform:translateY(0);box-shadow:0 0 0 1px #c4dfef00,0 0 0 #b2d4ec00}}
@media(prefers-reduced-motion:no-preference){
 body[data-stage=moment] .note-seal{animation:seal-arrival .8s var(--ease) both}body[data-stage=moment] .note-seal path{stroke-dasharray:75;animation:ink-line 1.2s var(--ease) both}.slot-card.is-arriving{animation:slot-settle .65s var(--ease) both}.result-next{animation:quiet-arrival .65s var(--ease) both}.form-chapter:not([hidden]){animation:quiet-arrival .5s var(--ease) both}
}
@media(hover:hover){.primary:hover{box-shadow:inset 0 1px 0 #fff9,0 10px 25px -10px #000d,0 0 22px #abc9df12;transform:translateY(-2px)}.primary:hover .ui-icon,.outline-btn:hover>.ui-icon,.text-btn:hover>.ui-icon{transform:translateX(4px)}.note-bottom .text-btn:hover .ui-icon{transform:translateX(3px)}}
@media(max-width:760px){
 .welcome h1{font-size:36px;line-height:1.25;letter-spacing:-.035em;margin:15px 0}.welcome-copy{font-size:14px;max-width:15em}.hero-cards{margin-top:0}.setup-panel{padding:24px 20px;border-radius:20px}.form-heading label,.spread-select legend{font-size:19px}.form-heading p{font-size:13px}.topic{font-size:12px}.form-bottom{font-size:11px}.question-calibration summary{font-size:11px}.question-calibration summary>span:first-child{max-width:none}.spread-help{font-size:12px}
 .draw-heading h1,.result-heading h1{font-size:28px;line-height:1.4;letter-spacing:-.03em;margin-bottom:12px;max-width:none}.draw-heading .question-line,.result-heading .question-line{font-size:14px;line-height:1.8}.deck-count strong{font-size:30px}.draw-heading,.result-heading{margin-bottom:25px}.deck-toolbar>span{font-size:12px}.deck-toolbar{min-height:48px}.selection-heading h2{font-size:15px}.draw-controls .primary{font-size:14px}.draw-controls p{font-size:11px}.deck-scroll{font-size:11px}.result-tabs{top:8px;margin-bottom:25px}.result-tabs button{font-size:12px;min-height:46px}.result-heading .outline-btn{min-height:44px;font-size:12px}.editorial-overview .context-frame{margin-bottom:22px}.editorial-overview .context-frame summary{font-size:12px;padding:12px 13px}.overview-lead{padding:0 0 22px}.overview-lead h2{font-size:27px;line-height:1.6;letter-spacing:-.02em;max-width:none;margin:0 0 12px}.overview-lead>.micro-label{font-size:12px;margin-bottom:13px}.overview-reason summary{font-size:13px}.summary-notes{margin-bottom:24px}.summary-notes>summary{font-size:13px}.summary-note{padding:21px 0}.note-body h3{font-size:18px;line-height:1.65}.note-body>.micro-label,.reflection .note-body p{font-size:11px}.one-step{padding:23px 21px}.editorial-section-title{margin-bottom:16px}.editorial-section-title h2{font-size:16px}.reflection .one-step-lead{font-size:20px;line-height:1.75}.signal-note{padding-top:0;margin-top:13px}.action-depth{margin-top:16px}.action-depth summary,.signal-note>summary{font-size:12px;min-height:44px}.connections-entry{font-size:13px;margin-top:21px}.detail-copy p,.reflection .detail-copy p,.fragment-copy p{font-size:16px;line-height:1.9;margin-bottom:20px}.result-next{margin-top:28px;padding-top:24px}.result-next p{font-size:16px;margin:0 0 17px}.result-next .primary{font-size:14px;min-height:54px}.result-end{font-size:11px}.view-intro h2{font-size:24px}.view-intro p{font-size:13px}.connection-chapter>summary{padding:20px 17px;min-height:84px}.chapter-title h3{font-size:17px;line-height:1.7;margin-bottom:4px}.chapter-title small{font-size:11px}.fragment-lead{font-size:17px;line-height:1.9}.chapter-number{font-size:16px}.chapter-content{padding:0 20px 24px}
 .card-reading-header h1{font-size:30px;line-height:1.4}.reading-article .key-takeaway{padding:22px 20px}.reading-article .key-takeaway p.takeaway-line{font-size:24px;line-height:1.65}.reading-article .position-block .block-label h2,.reading-article .action-block .block-label h2{font-size:17px}.reading-article .position-lead{font-size:16px!important;line-height:1.9!important}.reading-article .action-list li,.meaning-content p{font-size:16px;line-height:1.9}.context-check{padding:0 15px}.reading-article .context-check p{font-size:15px;line-height:1.9}.unopened h1{font-size:28px}.unopened>p{font-size:14px}.position-depth summary{font-size:12px}
 .moment{padding-top:22px}.moment>.page-top{margin-bottom:32px}.moment .page-top .small-label{font-size:11px}.moment .page-top .text-btn{font-size:12px}.moment .closing-letter{max-width:520px;margin:0 auto;padding:0}.note-seal{width:52px;height:52px;border-radius:16px;margin-bottom:21px}.note-seal .ui-icon{width:24px;height:24px}.moment #closingTitle{font-size:27px;line-height:1.45;letter-spacing:-.03em;max-width:none;margin-bottom:12px}.moment .letter-body{font-size:14px;line-height:1.8;margin-bottom:27px}.moment-writing{padding:0;border:0;background:none;border-radius:0;box-shadow:none}.moment .letter-write textarea{font-size:16px;line-height:1.9;padding:20px 20px 40px;min-height:175px;border-radius:16px}.moment .letter-actions{margin-top:16px}.moment .letter-actions .primary{font-size:14px;min-height:54px}.moment .storage-explainer{margin:0;padding:0;border:0}.moment .storage-explainer summary{font-size:11px;min-height:44px;gap:5px}.moment .storage-explainer p{font-size:12px;line-height:1.9}.note-bottom{gap:12px;margin-top:9px}.note-bottom>.text-btn{font-size:11px}.moment-finish{font-size:12px;margin-top:24px}.moment .save-status{font-size:12px;margin-top:15px;padding:0;border:0}
}
@media(max-width:380px){.welcome h1{font-size:32px}.topic{font-size:11px}.overview-lead h2{font-size:25px}.moment #closingTitle{font-size:25px}.note-bottom{gap:8px}.setup-panel{padding:23px 17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@keyframes trace-card{from{stroke-dasharray:82;stroke-dashoffset:82;fill-opacity:.15}to{stroke-dasharray:82;stroke-dashoffset:0;fill-opacity:1}}
@media(prefers-reduced-motion:no-preference){.spread.active .diagram-card rect:nth-child(2){animation:trace-card .75s var(--ease) both;animation-delay:calc(var(--order)*45ms)}}

/* v11 — visible decisions, physical card handling, illustrated reflection. */
[hidden]{display:none!important}
body[data-stage=setup]{padding-bottom:120px}
.setup-launch{position:fixed;z-index:40;bottom:20px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 18px 14px 22px;border:1px solid #c3d9e942;border-radius:20px;background:linear-gradient(120deg,#253648f5,#172637fa);box-shadow:inset 0 1px 0 #e5f1fa16,0 16px 44px #0006;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.launch-choice{display:flex;align-items:center;gap:15px;min-width:0}.launch-choice>span{width:62px;height:48px;color:#bfd4e5;flex:none}.launch-choice svg{width:100%;height:100%}.launch-choice>div{display:flex;flex-direction:column;gap:7px}.launch-choice strong{font-size:1rem;font-weight:700;color:#e1ebf2}.launch-choice>div>span{font-size:.8125rem;color:#9db7cd}.setup-launch .start-btn{width:auto;min-width:205px;min-height:54px;margin:0;white-space:nowrap;font-size:1rem;gap:30px}.spread-instruction{display:flex;justify-content:space-between;gap:16px;font-size:.875rem;line-height:1.8;color:#d5e5f0;margin:0 0 24px}.spread-instruction span{font-size:.75rem;color:#8fa9c0}.spread-select{scroll-margin-bottom:130px}.spread-select label{touch-action:manipulation}.spread-select .spread-copy b{font-size:1rem}.spread-select .spread-copy small{font-size:.8125rem;line-height:1.65}.spread-select .spread-diagram{width:66px;height:68px}.spread-select .spread{border-radius:16px;min-height:112px;padding:17px;gap:13px}.spread-help{font-size:.8125rem;line-height:1.8}.spread-instruction+fieldset legend{margin-bottom:20px}
/* Shadows belong to the table and three packets, never all seventy-eight cards. */
.deck-viewport{position:relative}.deck.shuffling .pick-card,.deck.shuffling .pick-card *{box-shadow:none!important;filter:none!important;text-shadow:none!important}.deck.shuffling .pick-card{background:#17283b;border:1px solid #8ba4b345}.deck.shuffling .pick-card .card-back{background:linear-gradient(140deg,#283e51,#172b3e)!important;opacity:1!important}.deck.shuffling .pick-card:nth-child(26n){box-shadow:0 4px 9px #0000001a!important}.deck.shuffling .pick-card .back-border{border-color:#9fb8ca66}.deck.shuffling .pick-card .back-emblem{opacity:.88}.deck-table[data-phase=cut]::after{transform:scaleX(.28)}.deck-table[data-phase=interleave]::after{transform:scaleX(.52)}.deck-table[data-phase=square]::after{transform:scaleX(.68)}.deck-table[data-phase=spread]::after{transform:scaleX(.87)}
.rail-card img.rail-face{display:block;object-fit:contain;width:25px;height:43px;border-radius:2px;flex:none}.rail-card{min-height:62px}
.synthesis-hero{display:grid;grid-template-columns:128px minmax(0,1fr);gap:36px;align-items:center;margin-bottom:32px}.synthesis-hero .micro-label{font-size:.8125rem;color:#9fb9cd;margin-bottom:14px;display:block}.synthesis-hero h2{margin:0 0 17px;font-size:2rem;line-height:1.65}.synthesis-topic{font-size:.8125rem;color:#9fb9cd;border-top:1px solid #b2cadb28;padding-top:13px;display:inline-block}.card-review{display:flex;flex-direction:column;align-items:center;gap:11px;background:none;border:0;padding:0;color:#a5bed1;font-size:.75rem;line-height:1.7;cursor:pointer;text-align:center;min-width:0}.card-review img{display:block;width:100%;height:auto;aspect-ratio:600/1034;object-fit:contain;border-radius:5px;box-shadow:1px 2px 0 #abc1ce44,3px 4px 0 #091624,0 13px 24px -12px #0009;transition:transform .5s var(--ease),box-shadow .5s}.hero-reading-card{padding:8px 3px 0;transform:rotate(-3deg)}.hero-reading-card>span{font-size:.75rem;transform:rotate(3deg)}.overview-answer p{font-size:1rem;line-height:1.95;color:#c4d5e2;margin:0 0 18px}.overview-answer strong{color:#e1ecf3;font-weight:700}.overview-lead{padding-bottom:28px}.overview-reason summary{font-size:.875rem}.illustrated-notes{border:0;margin:6px 0 36px}.illustrated-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;padding-top:24px;border-top:1px solid #a1bdcf30}.illustrated-heading h2{font-size:1.125rem;line-height:1.7;margin:0;color:#e1ebf3}.illustrated-heading>span{font-size:.75rem;white-space:nowrap;color:#91adc2}.illustrated-notes .summary-note{grid-template-columns:92px minmax(0,1fr);gap:28px;padding:30px 0;align-items:start;border-bottom:1px solid #a2bfd024}.illustrated-notes .summary-note img{width:100%;filter:none}.illustrated-notes .summary-note .card-review{margin-top:3px}.illustrated-notes .note-body h3{font-size:1.3125rem;line-height:1.7;margin:7px 0}.illustrated-notes .note-body>.micro-label{font-size:.75rem;margin:0}.reflection .note-body p.note-card-name{font-size:.8125rem;color:#9eb8ca;margin:0 0 19px}.reflection .note-body p.note-meaning,.reflection .note-body p.note-context{font-size:1rem;line-height:1.9;margin:0 0 16px;color:#b4c8d8}.note-meaning b,.note-context b{display:block;font-size:.75rem;color:#87a5bd;font-weight:500;margin-bottom:6px}.reflection .note-body p.note-context{color:#cfdeea}.note-body>.text-btn{font-size:.8125rem;min-height:44px;padding:0;gap:12px}.connection-faces{display:flex;gap:22px;padding:27px 2px 22px;overflow:auto;border-bottom:1px solid #a1bdd026;scrollbar-width:thin;scrollbar-color:#859db43b transparent}.connection-faces .card-review{flex:0 0 67px;width:67px;font-size:.75rem}.result-next small{display:block;font-size:.8125rem;line-height:1.8;color:#94afc3;margin-top:9px}.result-next{align-items:center}.result-next .primary{font-size:.875rem}.card-review:focus-visible{outline:2px solid #c0d7e8;outline-offset:7px;border-radius:5px}
/* A letter carries its question and cards forward, then becomes a saved keepsake. */
.return-memory{display:flex;align-items:center;gap:14px;width:100%;max-width:430px;text-align:left;margin:0 0 28px;padding:15px 17px;border:1px solid #bfd5e033;border-radius:15px;background:linear-gradient(120deg,#2b405378,#1c2c3c80);color:#c8dce9;box-shadow:inset 0 1px 0 #f3f9ff0a;cursor:pointer}.return-memory>img{width:29px;height:50px;object-fit:contain;border-radius:2px;transform:rotate(-5deg)}.return-memory>span{display:flex;flex-direction:column;gap:7px;flex:1}.return-memory strong{font-size:.875rem;font-weight:700;line-height:1.6}.return-memory small{font-size:.75rem;line-height:1.8;color:#98b2c6}.return-memory>.ui-icon{width:17px;flex:none}.setup.choosing-spread .return-memory{display:none}
.moment .closing-letter{max-width:680px}.moment>.page-top{max-width:680px}.memory-portraits{display:flex;justify-content:center;align-items:center;padding:17px 0 24px;min-height:137px;margin-bottom:18px;isolation:isolate}.memory-portraits img{width:64px;height:auto;aspect-ratio:600/1034;border-radius:4px;box-shadow:0 9px 18px -8px #0008;border:1px solid #a5bbcb37;transform:rotate(calc((var(--memory-order) - 1)*8deg));margin:0 -3px}.memory-portraits img:nth-child(2){transform:translateY(-10px);z-index:2}.memory-portraits img.reversed{transform:rotate(calc(180deg + (var(--memory-order) - 1)*8deg))}.memory-portraits img.reversed:nth-child(2){transform:translateY(-10px) rotate(180deg)}.moment #closingTitle{font-size:2rem}.moment .letter-body{font-size:1rem;line-height:1.85;margin-bottom:32px}.letter-context{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:18px;margin:0 0 27px;padding:18px 0;border-top:1px solid #a2c1d52b;border-bottom:1px solid #a2c1d52b}.letter-context>span{font-size:.75rem;color:#91acc2}.letter-context>p{margin:0;font-size:.9375rem;line-height:1.85;color:#d2dfeb;overflow-wrap:anywhere}.moment .letter-write label{position:static;font-size:.875rem;line-height:1.8;color:#d4e2ec;margin:0 0 13px;display:block}.moment .letter-write textarea{min-height:160px}.letter-rendezvous{display:flex;align-items:center;gap:9px;font-size:.8125rem;color:#b4cddb;line-height:1.8;margin:17px 0 0}.letter-rendezvous>.ui-icon{width:16px;height:16px}.letter-rendezvous>span{margin-left:auto;font-size:.75rem;color:#839db2}.moment .letter-actions{margin-top:20px}.moment .letter-actions .primary{font-size:.9375rem}.letter-stack{display:grid;isolation:isolate}.letter-stack>#letterDraft,.letter-stack>#sealedMemory{grid-area:1/1;min-width:0}.letter-stack>#letterDraft{transform-origin:50% 100%}.sealed-memory{position:relative;text-align:center;border:1px solid #a9c7d953;border-radius:20px;padding:30px 34px 25px;background:radial-gradient(ellipse at 50% 0,#7795b124,transparent 75%),linear-gradient(145deg,#2b4053,#1a2b3e);box-shadow:inset 0 1px 0 #e9f5ff1c,0 20px 50px -24px #000b;align-self:start;z-index:2}.memory-seal{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid #b8d0dd5a;border-radius:50%;box-shadow:inset 0 0 0 5px #0b1c2929,inset 0 1px 0 #f3f8ff22,0 6px 15px -7px #000a;background:#2a4155}.memory-seal img{width:45px;height:45px;object-fit:contain}.sealed-caption{font-size:.75rem;color:#a5c0d2;letter-spacing:1px}.sealed-memory h2{font:700 1.5rem/1.7 var(--sans);margin:10px 0 20px;color:#e4edf4}.sealed-memory blockquote{margin:0 auto 22px;padding:0;font-size:1rem;line-height:1.9;color:#d1e1ed;max-width:30em;overflow-wrap:anywhere}.sealed-memory>p{font-size:.8125rem;line-height:1.85;color:#9db8cb;margin:0 auto 14px;max-width:27em}.sealed-memory .text-btn{font-size:.8125rem;min-height:44px}.original-note{padding:0 0 22px;margin:0 0 21px;border-bottom:1px solid #a1bdd026}.original-note>span{font-size:.75rem;color:#8daac0}.original-note blockquote{padding-left:17px;border-left:2px solid #b8cfde63;margin:15px 0 0;color:#d0dfeb;font-size:1rem;line-height:1.95;overflow-wrap:anywhere}.moment .save-status{font-size:.8125rem}.journal-card-faces{display:flex;gap:8px;margin:0 0 21px}.journal-card-faces img{width:34px;height:auto;aspect-ratio:600/1034;border-radius:2px;box-shadow:0 5px 9px -5px #0009}.journal-return-date{font-size:.75rem;color:#a5c8bc;margin:14px 0}.journal-entry .journal-entry-actions{gap:14px}
@keyframes memory-arrival{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){body[data-stage=moment] .memory-portraits img{animation:memory-arrival .85s var(--ease) both;animation-delay:calc(var(--memory-order)*110ms)}.synthesis-hero .card-review{animation:memory-arrival .7s var(--ease) both}}
@media(hover:hover){.card-review:hover img{transform:translateY(-5px);box-shadow:1px 2px 0 #abc1ce44,3px 4px 0 #091624,0 18px 26px -12px #000a}.card-review:hover img.reversed{transform:translateY(-5px) rotate(180deg)}.return-memory:hover{border-color:#b9d0df60}.return-memory:hover>.ui-icon{transform:translateX(4px)}}
@media(max-width:760px){
 body[data-stage=setup]{padding-bottom:0}.setup.choosing-spread{padding-bottom:calc(116px + env(safe-area-inset-bottom))}.setup-launch{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));transform:none;width:auto;padding:12px 13px;border-radius:17px;gap:12px}.launch-choice{gap:9px;flex:1}.launch-choice>span{width:39px;height:40px}.launch-choice>div{gap:6px}.launch-choice strong{font-size:.875rem;white-space:nowrap}.launch-choice>div>span{font-size:.75rem}.setup-launch .start-btn{min-width:132px;min-height:50px;font-size:.875rem;gap:12px;padding:13px 16px}.spread-instruction{display:block;font-size:.875rem;line-height:1.8;margin:0 0 20px}.spread-instruction span{display:block;font-size:.75rem;margin-top:4px}.spread-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spread-select legend{font-size:1.125rem;margin-bottom:16px}.spread-select .spread{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:45px auto;gap:8px 6px;min-height:139px;padding:13px 12px;border-radius:14px;align-items:center}.spread-select .spread-diagram{grid-area:1/1;width:51px;height:44px;justify-self:start}.spread-select .spread-count{grid-area:1/2;font-size:1rem;text-align:right;align-self:center}.spread-select .spread-count small{font-size:.75rem}.spread-select .spread-copy{grid-area:2/1/3/3;min-width:0}.spread-select .spread-copy b{font-size:.9375rem;line-height:1.6}.spread-select .spread-copy small{font-size:.75rem;line-height:1.65;margin-top:5px;max-width:none}.spread-help{font-size:.8125rem;line-height:1.8;margin-top:18px}.form-bottom{font-size:.75rem}.choice-inputs input{font-size:1rem}.choice-inputs{scroll-margin-bottom:140px}
 .synthesis-hero{grid-template-columns:91px minmax(0,1fr);gap:24px;margin-bottom:27px;align-items:center}.synthesis-hero .micro-label{font-size:.75rem;line-height:1.8;margin-bottom:10px}.synthesis-hero h2{font-size:1.5rem;line-height:1.65;letter-spacing:-.02em;margin-bottom:12px}.synthesis-topic{font-size:.75rem;line-height:1.75;padding-top:11px}.hero-reading-card>span{font-size:.75rem}.overview-answer p{font-size:1rem;line-height:1.95;margin-bottom:20px}.overview-reason summary{font-size:.875rem}.illustrated-heading{gap:12px;padding-top:23px}.illustrated-heading h2{font-size:1rem;line-height:1.8}.illustrated-heading>span{font-size:.75rem}.illustrated-notes .summary-note{grid-template-columns:69px minmax(0,1fr);gap:18px;padding:26px 0}.illustrated-notes .note-body h3{font-size:1.125rem;line-height:1.75;margin:8px 0}.illustrated-notes .note-body>.micro-label{font-size:.75rem;line-height:1.8}.reflection .note-body p.note-card-name{font-size:.75rem;line-height:1.8;margin-bottom:18px}.reflection .note-body p.note-meaning,.reflection .note-body p.note-context{font-size:1rem;line-height:1.9;margin-bottom:18px}.illustrated-notes .card-review>span{font-size:.75rem;line-height:1.8}.note-body>.text-btn{font-size:.875rem}.connection-faces{gap:17px;padding:23px 1px 22px}.connection-faces .card-review{width:61px;flex-basis:61px}.result-next small{font-size:.8125rem;line-height:1.8;margin:-5px 0 22px}.result-next .primary{font-size:.875rem}.return-memory{max-width:none;margin-bottom:25px;padding:14px;gap:12px}.return-memory strong{font-size:.875rem}.return-memory small{font-size:.75rem}.return-memory img{width:26px;height:45px}.welcome:has(.return-memory:not([hidden])){padding-top:0}.rail-card img.rail-face{width:21px;height:36px}
 .moment .closing-letter{max-width:520px}.memory-portraits{min-height:115px;padding:10px 0 17px;margin-bottom:18px}.memory-portraits img{width:54px}.moment #closingTitle{font-size:1.625rem;line-height:1.5}.moment .letter-body{font-size:1rem;line-height:1.85;margin-bottom:27px}.letter-context{gap:14px;margin-bottom:25px;padding:17px 0}.letter-context>span{font-size:.75rem;line-height:1.8}.letter-context>p{font-size:.875rem;line-height:1.85}.moment .letter-write label{font-size:.875rem;margin-bottom:13px}.moment .letter-write textarea{min-height:156px}.letter-rendezvous{flex-wrap:wrap;gap:7px;font-size:.8125rem;margin-top:16px}.letter-rendezvous>span{font-size:.75rem}.moment .letter-actions .primary{font-size:.875rem}.sealed-memory{padding:27px 21px 21px;border-radius:18px}.memory-seal{width:57px;height:57px;margin-bottom:17px}.memory-seal img{width:41px;height:41px}.sealed-memory h2{font-size:1.3125rem;line-height:1.8;margin:12px 0 19px}.sealed-memory blockquote{font-size:1rem;line-height:1.95;margin-bottom:22px}.sealed-memory>p{font-size:.8125rem;line-height:1.9}.sealed-memory .text-btn{font-size:.875rem}.original-note blockquote{font-size:1rem;line-height:1.9}.moment .storage-explainer summary,.note-bottom>.text-btn{font-size:.75rem}.moment .save-status{font-size:.8125rem}
}
@media(max-width:380px){.setup-launch{left:8px;right:8px;padding:11px;gap:9px}.launch-choice>span{display:none}.setup-launch .start-btn{min-width:128px;font-size:.875rem}.spread-select .spread{padding:12px 10px}.synthesis-hero{grid-template-columns:80px minmax(0,1fr);gap:19px}.synthesis-hero h2{font-size:1.375rem}.illustrated-notes .summary-note{grid-template-columns:58px minmax(0,1fr);gap:15px}.letter-rendezvous>span{margin-left:25px;width:100%}.moment #closingTitle{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v12 — one continuous deck surface, with shadows composited during the spread. */
#deck{perspective:none!important}
#deck .pick-card,#deck.shuffling .pick-card:nth-child(26n){box-shadow:none!important;background:#17283b;border:1px solid #8ba4b345;filter:none!important;isolation:isolate}
#deck .pick-card .card-back{background:linear-gradient(140deg,#283e51,#172b3e)!important;border-color:#a4b9c76b;box-shadow:inset 0 0 0 1px #b0c4d127!important;opacity:1!important}
#deck .pick-card .back-border{border-color:#9fb8ca66;box-shadow:none!important}
#deck .pick-card .back-emblem{opacity:.88;filter:none!important}
#deck .pick-card::before{content:'';position:absolute;inset:2px;border-radius:6px;z-index:-1;pointer-events:none;box-shadow:0 5px 10px #00000038;opacity:0;transition:opacity .88s var(--ease)}
#deck .pick-card:nth-child(26n)::before{opacity:.72}
.deck-table:is([data-phase=spread],[data-phase=ready]) #deck .pick-card::before{opacity:.24}
#deck:not(.shuffling):not(.hover-ready) .pick-card:hover:not(.selected):not(:focus-visible){transform:none!important;filter:none!important;z-index:auto!important}
#deck .pick-card{transition:transform .38s var(--ease),opacity .3s}
.orientation-control{display:flex;align-items:center;gap:9px;position:relative}.orientation-control .orientation-option{font-size:.875rem}.reversal-help{position:relative;display:flex;align-items:center}.help-circle{width:28px;height:28px;min-width:28px;border-radius:50%;border:1px solid #aac5d94a;color:#c4d7e5;background:#28405570;display:grid;place-items:center;font:700 .8125rem/1 var(--sans);padding:0;cursor:pointer}.help-circle:hover,.help-circle[aria-expanded=true]{border-color:#c4d9e67a;background:#3f5b726b}.help-circle:focus-visible{outline:2px solid #c6dbe9;outline-offset:4px}.reversal-explanation{position:absolute;z-index:30;bottom:calc(100% + 12px);left:-170px;width:310px;max-width:calc(100vw - 55px);padding:21px;border:1px solid #b3cddd4a;border-radius:16px;background:#203347;box-shadow:inset 0 1px 0 #e8f4ff13,0 14px 35px #0006;text-align:left;white-space:normal}.reversal-explanation::after{content:'';position:absolute;left:0;right:0;top:100%;height:15px}.reversal-explanation h3{font-size:1rem;line-height:1.7;color:#e2edf4;margin:0 0 14px}.reversal-explanation p{font-size:.875rem;line-height:1.9;color:#bacedd;margin:0 0 14px}.reversal-explanation p:last-child{margin-bottom:0}.reversal-explanation b{font-weight:700;color:#dce9f2}.reversal-explanation p.help-note{font-size:.75rem;color:#92b0c8;padding-top:12px;border-top:1px solid #bed5e126}
.card-deep-dive,.synthesis-depth{border:1px solid #aac6d639;border-radius:17px;background:linear-gradient(130deg,#2a41544d,#172a3b6b);margin:28px 0;overflow:hidden}.card-deep-dive>summary,.synthesis-depth>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:90px;padding:22px 25px;list-style:none;cursor:pointer;color:#d4e5f0;font-size:1rem;font-weight:700;line-height:1.7}.card-deep-dive>summary::-webkit-details-marker,.synthesis-depth>summary::-webkit-details-marker{display:none}.card-deep-dive>summary>span,.synthesis-depth>summary>span{display:block}.card-deep-dive>summary>span>.ui-icon,.synthesis-depth>summary>span>.ui-icon{width:19px;height:19px;vertical-align:-4px;margin-right:10px;color:#afc9dc}.card-deep-dive>summary small,.synthesis-depth>summary small{display:block;font-size:.75rem;font-weight:500;line-height:1.8;color:#8eaec6;margin:8px 0 0 29px}.card-deep-dive>summary>.ui-icon,.synthesis-depth>summary>.ui-icon{width:18px;height:18px;flex:none;transition:transform .3s}.card-deep-dive[open]>summary>.ui-icon,.synthesis-depth[open]>summary>.ui-icon{transform:rotate(180deg)}.card-deep-dive[open]>summary,.synthesis-depth[open]>summary{border-bottom:1px solid #b4cede26}.deep-reading-body{padding:2px 28px 25px}.depth-section{padding:26px 0;border-bottom:1px solid #b4cede20}.depth-section:last-of-type{border-bottom:0;padding-bottom:5px}.depth-section h3,.reading-article .depth-section h3{font:700 1.125rem/1.75 var(--sans);margin:0 0 20px;color:#dce9f2;letter-spacing:0}.depth-section h3>span{font-size:.75rem;font-weight:500;color:#84a6bf;margin-right:12px}.depth-section p,.reflection .depth-section p,.reading-article .depth-section p{font-size:1rem;font-weight:500;line-height:1.95;color:#b9cedd;margin:0 0 19px;overflow-wrap:anywhere}.depth-section p:last-child{margin-bottom:0}.depth-section p strong{font-weight:700;color:#e1ecf4}.depth-card-strip{display:flex;gap:18px;overflow:auto;padding:2px 1px 18px;margin-bottom:12px}.depth-card-strip .card-review{width:56px;flex:0 0 56px;font-size:.75rem}.depth-section p.depth-evidence{font-size:.75rem;line-height:1.85;color:#88a9c0;border-left:2px solid #99b8ce40;padding:4px 0 4px 12px;margin-top:22px}.depth-footnote,.reflection .depth-footnote{font-size:.75rem;line-height:1.9;color:#8daac0;margin:22px 0 0}
.synthesis-hero.whole-reading{display:block;margin-bottom:28px}.whole-reading-label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.8125rem;color:#acbfd0;margin-bottom:22px}.whole-reading-label>span:first-child{color:#d1e1ed;font-weight:700}.whole-reading-label>span:last-child{font-size:.75rem;white-space:nowrap}.whole-card-group{display:grid;grid-template-columns:repeat(var(--whole-columns),minmax(0,1fr));gap:15px 18px;width:max-content;max-width:100%;margin:0 auto 30px;padding:6px 0}.whole-card{display:block;width:64px;max-width:100%;padding:0;border:0;background:none;cursor:pointer;color:#8dacc2}.whole-card img{display:block;width:100%;height:auto;aspect-ratio:600/1034;object-fit:contain;border-radius:4px;box-shadow:0 7px 15px -7px #0009;transition:translate .35s var(--ease)}.whole-card>span{display:block;font-size:.75rem;line-height:1.7;margin-top:9px}.whole-reading>.whole-card-group+div{text-align:left;border-top:1px solid #b6cedb24;padding-top:26px}.whole-reading h2{font-size:2rem;line-height:1.6;max-width:none}.whole-card:focus-visible{outline:2px solid #b9d3e3;outline-offset:5px;border-radius:4px}.synthesis-depth{margin:4px 0 33px}
.reading-to-life{margin:0 0 29px;padding:22px;border:1px solid #a9c6d237;border-radius:16px;background:linear-gradient(120deg,#304c594a,#192b3b66)}.reading-to-life-heading{display:grid;grid-template-columns:38px minmax(0,1fr);gap:17px;align-items:center;margin-bottom:21px}.reading-to-life-heading>img{display:block;width:38px;height:auto;aspect-ratio:600/1034;object-fit:contain;border-radius:2px}.reading-to-life-heading span{font-size:.75rem;line-height:1.8;color:#95b2c7}.reading-to-life h2{font:700 1.0625rem/1.75 var(--sans);color:#d6e6ef;margin:6px 0 0;letter-spacing:0}.reading-to-life p{font-size:1rem;line-height:1.9;color:#c0d4e1;margin:0}.reading-to-life p>b{display:block;font-size:.75rem;font-weight:500;color:#8facbf;margin-bottom:9px}.reading-to-life details{margin-top:19px;border-top:1px solid #b0ccda24}.reading-to-life summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;list-style:none;font-size:.8125rem;color:#a8c5d7;cursor:pointer;padding-top:8px}.reading-to-life summary::-webkit-details-marker{display:none}.reading-to-life summary .ui-icon{width:15px;height:15px}.reading-to-life details[open] summary .ui-icon{transform:rotate(180deg)}.reading-to-life details p{font-size:.875rem;line-height:1.9;padding:15px 0 0}
@media(hover:hover){.whole-card:hover img{translate:0 -5px}.card-deep-dive>summary:hover,.synthesis-depth>summary:hover{background:#97bbd00b}}
@media(max-width:760px){.orientation-control{gap:7px}.orientation-control .orientation-option{font-size:.875rem}.reversal-explanation{left:-152px;width:285px;padding:19px}.reversal-explanation h3{font-size:1rem}.reversal-explanation p{font-size:.875rem;line-height:1.9}.help-circle{width:30px;height:30px;min-width:30px}.card-deep-dive>summary,.synthesis-depth>summary{padding:20px 18px;min-height:88px;gap:12px;font-size:.9375rem}.card-deep-dive>summary small,.synthesis-depth>summary small{font-size:.75rem;margin-left:0;margin-top:10px}.deep-reading-body{padding:0 20px 22px}.depth-section{padding:25px 0}.depth-section h3,.reading-article .depth-section h3{font-size:1.0625rem;line-height:1.8}.depth-section p,.reflection .depth-section p,.reading-article .depth-section p{font-size:1rem;line-height:1.95;margin-bottom:20px}.depth-card-strip{gap:14px}.depth-card-strip .card-review{width:49px;flex-basis:49px}.depth-section p.depth-evidence{font-size:.75rem}.whole-reading-label{font-size:.8125rem;line-height:1.8;margin-bottom:21px;gap:9px}.whole-reading-label>span:last-child{font-size:.75rem}.whole-card-group{gap:14px 13px;margin-bottom:23px}.whole-card{width:49px}.whole-card>span{font-size:.75rem;margin-top:7px}.whole-reading>.whole-card-group+div{padding-top:23px}.whole-reading h2{font-size:1.625rem;line-height:1.65}.synthesis-hero.whole-reading{margin-bottom:24px}.synthesis-depth{margin-top:2px}.reading-to-life{padding:21px 18px;margin-bottom:26px}.reading-to-life-heading{gap:14px;margin-bottom:20px}.reading-to-life h2{font-size:1rem;line-height:1.8}.reading-to-life p{font-size:1rem;line-height:1.9}.reading-to-life summary{font-size:.8125rem}.reading-to-life details p{font-size:.875rem}}
@media(max-width:380px){.whole-card-group{gap:12px 10px}.whole-card{width:43px}.whole-reading h2{font-size:1.5rem}.whole-reading-label{flex-wrap:wrap}.reversal-explanation{width:263px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v13 — one continuous reading journey, spread first, no competing result tabs. */
.result-heading{max-width:800px;margin:0 auto 23px;display:block}.result-heading h1{font-size:1.875rem;line-height:1.4;margin:0 0 13px}.result-question{max-width:100%}.result-question summary{display:flex;align-items:center;gap:12px;min-height:38px;font-size:.75rem;color:#8eaac0;cursor:pointer;list-style:none}.result-question summary::-webkit-details-marker{display:none}.result-question summary>span:first-child{font-size:.875rem;flex:1;color:#bccfdd;min-width:0;overflow-wrap:anywhere}.result-question summary .ui-icon{width:14px;height:14px;flex:none}.result-question[open] summary .ui-icon{transform:rotate(180deg)}.result-question[open] #resultQuestionPreview{visibility:hidden}.result-question .question-line{margin:12px 0 0;padding:15px 18px;border-left:2px solid #a6c4d546;background:#263c4e39;font-size:1rem;line-height:1.9;max-width:none}
#resultSpread{max-width:800px;margin:0 auto 45px;scroll-margin-top:22px}#resultSpread .spread-overview{margin:0;padding:24px 30px 25px;border-radius:22px}#resultSpread .spread-overview-head{flex-direction:row;justify-content:space-between;align-items:center;gap:18px}#resultSpread .spread-heading{gap:15px}#resultSpread .summary-diagram{width:55px;height:47px}#resultSpread .spread-heading h2{font-size:1.125rem;font-weight:700;line-height:1.65;margin:0}#resultSpread .spread-layout-hint{font-size:.75rem;line-height:1.8;margin:5px 0 0;color:#97b1c5}.spread-completion{font-size:.75rem;color:#9eb8cb;white-space:nowrap}#resultSpread .spread-board.spread-celtic{width:100%;max-width:510px;margin:25px auto 17px;aspect-ratio:1.04}#resultSpread .spread-board.spread-daily{grid-template-columns:110px;margin:25px auto 20px}#resultSpread .spread-board.spread-choice{grid-template-columns:repeat(3,82px);gap:21px 33px}#resultSpread .spread-board.spread-relationship{grid-template-columns:repeat(2,95px);gap:27px 65px}.board-legend-disclosure{border-top:1px solid #b0c9d528;padding:5px 0 0}.board-legend-disclosure>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:.8125rem;color:#a6c1d4;list-style:none;cursor:pointer}.board-legend-disclosure>summary::-webkit-details-marker{display:none}.board-legend-disclosure>summary .ui-icon{width:15px;height:15px}.board-legend-disclosure[open]>summary .ui-icon{transform:rotate(180deg)}.board-legend-disclosure .spread-legend{margin-top:13px;margin-bottom:18px}#resultSpread .board-footer{padding:8px 0 15px;margin:0;border:0;font-size:.8125rem;line-height:1.8;justify-content:center}.board-continue{display:flex;margin:0 auto;min-height:49px;min-width:230px;font-size:.9375rem;gap:23px;justify-content:center}.result-overview-flow{max-width:760px;margin:0 auto}.result-overview-flow #overall{scroll-margin-top:24px}.synthesis-hero.flow-reading{display:block;margin-bottom:20px}.flow-reading h2{font-size:2rem;line-height:1.65;margin:0 0 15px;letter-spacing:-.025em}.flow-reading>.micro-label{font-size:.8125rem;line-height:1.8;color:#9eb8ce;margin-bottom:15px;display:block}.result-overview-flow .synthesis-depth{margin-top:10px;scroll-margin-top:22px}.result-next{max-width:760px}.result-end{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.result-end>span{flex-basis:100%;font-size:.75rem}.result-end .text-btn{font-size:.8125rem;min-height:44px}.review-return{font-size:.875rem;min-height:44px;gap:12px;margin:0 0 20px}
body[data-stage=reading]{padding-bottom:114px}#readingActions{position:fixed;z-index:40;bottom:20px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 18px;border:1px solid #c3d9e942;border-radius:19px;background:linear-gradient(120deg,#253648f5,#172637fa);box-shadow:inset 0 1px 0 #e5f1fa16,0 16px 44px #0005;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);margin:0}#readingActions .primary{min-height:52px;font-size:.9375rem;gap:24px}#readingActions .text-btn{font-size:.875rem;min-height:48px}#readingActions .text-btn:disabled{opacity:.4}
@media(max-width:760px){.result-heading{margin:0 auto 17px}.result-heading h1{font-size:1.5rem;margin-bottom:8px}.result-question summary{gap:9px;font-size:.75rem;min-height:38px}.result-question summary>span:first-child{font-size:.8125rem;line-height:1.7}.result-question .question-line{font-size:.9375rem;line-height:1.9;padding:13px 16px}#resultSpread{margin-bottom:32px;scroll-margin-top:14px}#resultSpread .spread-overview{margin:0;padding:19px 16px 20px;border-radius:19px}#resultSpread .spread-overview-head{align-items:center;gap:10px}#resultSpread .spread-heading{gap:10px}#resultSpread .summary-diagram{width:37px;height:38px;flex:none}#resultSpread .spread-heading h2{font-size:1rem;line-height:1.65}#resultSpread .spread-layout-hint{display:none}.spread-completion{font-size:.75rem}#resultSpread .spread-board.spread-celtic{width:100%;max-width:365px;aspect-ratio:1.04;margin:24px auto 15px}#resultSpread .spread-board.spread-daily{grid-template-columns:94px;margin:23px auto 17px}#resultSpread .spread-board.spread-relationship{grid-template-columns:repeat(2,74px);gap:23px 49px}#resultSpread .spread-board.spread-choice{grid-template-columns:repeat(3,59px);gap:17px 21px}#resultSpread .spread-board:not(.spread-celtic) .spread-card-label{white-space:normal;font-size:.75rem;line-height:1.7;text-align:center}#resultSpread .board-footer{font-size:.75rem;line-height:1.8;padding:7px 0 14px;gap:8px}.board-legend-disclosure>summary{font-size:.8125rem;min-height:44px}.board-continue{min-height:49px;font-size:.875rem;width:100%;gap:17px}.flow-reading h2{font-size:1.625rem;line-height:1.65}.flow-reading>.micro-label{font-size:.75rem;margin-bottom:13px}.synthesis-hero.flow-reading{margin-bottom:21px}.result-end{gap:13px}.result-end .text-btn{font-size:.8125rem}.review-return{margin-bottom:14px;font-size:.8125rem}body[data-stage=reading]{padding-bottom:calc(110px + env(safe-area-inset-bottom))}#readingActions{bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;transform:none;width:auto;padding:11px 12px;gap:10px;border-radius:17px}#readingActions .text-btn{font-size:.8125rem;min-height:48px;gap:6px;padding:8px 4px;white-space:nowrap}#readingActions .primary{font-size:.875rem;min-height:50px;gap:12px;padding:13px 17px}#readingActions .ui-icon{width:17px;height:17px}}
@media(max-width:380px){#resultSpread .spread-overview{padding:17px 13px 18px}#resultSpread .summary-diagram{display:none}#resultSpread .spread-board.spread-choice{grid-template-columns:repeat(3,53px);gap:17px 18px}#readingActions{left:8px;right:8px;padding:10px}#readingActions .primary{font-size:.8125rem;padding:13px 12px;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v14 — a continuous table, quiet controls, and readable chapters. */
:root{--control-radius:12px}
.primary,.outline-btn,.icon-btn{border-radius:var(--control-radius);font-family:var(--sans);font-weight:700;letter-spacing:0;min-height:48px;transition:background .22s,border-color .22s,box-shadow .22s,translate .22s}
.primary{background:#d2e2ea;color:#172b3b;border:1px solid #e6f0f5;box-shadow:inset 0 1px 0 #fff8,0 5px 16px #0002}
.primary:disabled{background:#516473;border-color:#677c8b;color:#a1b0ba;box-shadow:none;opacity:.55}
.text-btn{font-weight:600;min-height:44px;gap:9px;text-underline-offset:5px}
.text-btn .ui-icon,.primary .ui-icon{width:18px;height:18px;transition:translate .22s}
button:focus-visible,summary:focus-visible{outline:2px solid #c3dfef;outline-offset:5px}
@media(hover:hover){.primary:hover:not(:disabled){background:#e3edf2;box-shadow:0 7px 20px #0003}.text-btn:hover{color:#edf4f8}.primary:hover .ui-icon,.text-btn:hover .ui-icon{translate:2px 0}}
.live-spread-panel{width:100%;max-width:380px;border-top:1px solid #abc9dd26;padding-top:23px;margin-top:14px;scroll-margin-top:24px}
.live-spread-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:#94b0c3;font-size:.875rem;line-height:1.8}
.live-spread-heading strong{font-weight:700;color:#dae7ee;font-size:.9375rem}
.live-spread-note{font:500 .8125rem/1.8 var(--sans);color:#a0b8c9;text-align:center;margin:12px 0 0}
#positions.live-board,#readingRail.live-board{display:grid;grid-template-columns:repeat(3,minmax(0,70px));justify-content:center;gap:25px 28px;width:100%;max-width:420px;margin:27px auto 24px;overflow:visible;padding:0;min-height:0}
#positions.live-board{max-width:520px;grid-template-columns:repeat(3,minmax(0,88px))}
#positions.live-board.spread-daily,#readingRail.live-board.spread-daily{grid-template-columns:80px}
#positions.live-board.spread-relationship,#readingRail.live-board.spread-relationship{grid-template-columns:repeat(2,70px);gap:24px 55px}
#positions.live-board.spread-choice,#readingRail.live-board.spread-choice{grid-template-columns:repeat(3,58px);gap:26px}
#positions.live-board.spread-celtic,#readingRail.live-board.spread-celtic{display:block;width:100%;max-width:360px;aspect-ratio:1.04;padding:0;min-height:0;margin:25px auto}
.live-board .result-card{background:none!important;border:0!important;border-radius:0;box-shadow:none!important;min-height:0;padding:0;opacity:1;cursor:pointer}
.live-board .result-card:disabled{cursor:default;opacity:1}
.live-board .result-card .slot-card{display:grid;place-items:center;position:relative;width:100%;height:auto;aspect-ratio:600/1034;min-height:0;overflow:hidden;line-height:1;border-radius:4px;background:#24374740;border:1px solid #91b0c63b;box-shadow:0 4px 10px #0002;transition:border-color .3s,box-shadow .3s,background .3s}
.live-board .result-card .slot-card .card-back{position:absolute;inset:0;padding:4px;width:100%;height:100%;box-shadow:none}
.live-board .result-card .slot-card .back-emblem{width:72%;height:auto;max-height:75%;object-fit:contain}
.live-board .result-card .slot-card .back-word{display:none}
.live-board .result-card .slot-number{font:500 1rem/1 var(--number);color:#7d9bb1}
.live-board .result-card .slot-card img.rail-face{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px;aspect-ratio:600/1034}
.live-board .result-card.active .slot-card{border-color:#d1e3ed;box-shadow:0 0 0 3px #aacfe521,0 5px 14px #0003;background:#38576c50}
.live-board .result-card>.spread-card-label{font:500 .8125rem/1.8 var(--sans);color:#bad0df;white-space:normal;text-align:center;gap:5px;margin-top:9px}
.live-board .result-card>.spread-card-label b{font:700 .75rem/1.4 var(--number);color:#a9c7d9}
.live-board .result-card.active>.spread-card-label b{color:#eff6fa}
.live-board.spread-celtic .result-card>.spread-card-label{margin:0;top:-8px;left:-9px;position:absolute;width:24px;height:24px;line-height:1;border-radius:50%;background:#233c50}
.live-board.spread-celtic .spread-position-2>.spread-card-label{left:calc(100% + 4px);top:calc(50% - 12px)}
.live-board.spread-celtic .result-card.active{z-index:5}
.live-board.spread-celtic .spread-position-2 .slot-card{transform:rotate(90deg)}
.live-board .result-card:focus-visible .slot-card{outline:2px solid #d1e3ed;outline-offset:5px}
.live-board .result-card.just-revealed .slot-card{animation:position-light 1.1s ease-out both}
@keyframes position-light{0%{box-shadow:0 0 0 2px #c3dfedaa,0 0 26px #accfe35c}100%{box-shadow:0 0 0 3px #aacfe521,0 5px 14px #0003}}
.card-stage{position:relative;top:0}.card-stage .focus-card{max-width:180px}.card-stage .card-caption{font-size:.875rem;margin-bottom:10px}
#resultSpread .board-footer{padding-bottom:0}#resultSpread{margin-bottom:42px}
.card-deep-dive,.synthesis-depth{border-radius:16px;background:#1b304050;border-color:#a5c3d42f}
.card-deep-dive>summary,.synthesis-depth>summary{min-height:74px;padding:20px 24px;font-size:1rem}
.card-deep-dive>summary small,.synthesis-depth>summary small{font-size:.8125rem;color:#a3bbcb;font-weight:500}
.deep-reading-body{padding:0 28px 28px;max-width:720px;margin:0 auto}
.deep-reading-body .depth-section{padding:34px 0 30px;margin:0;border-bottom:1px solid #aac8d528}
.depth-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}
.depth-heading .depth-index{font:500 .875rem/1.8 var(--number);color:#91b5cc;display:block;padding-top:4px;flex:none;border-top:1px solid #9abacd5c;min-width:25px}
.depth-section .depth-heading h3,.reading-article .depth-section .depth-heading h3{font:700 1.3125rem/1.6 var(--sans);color:#edf3f7;margin:0;letter-spacing:-.02em}
.depth-thought{margin:0 0 26px;padding:0}.depth-thought:last-child{margin-bottom:0}
.depth-thought h4{font:700 .875rem/1.7 var(--sans);letter-spacing:0;color:#95bad2;margin:0 0 10px}
.depth-thought.is-key{padding:18px 19px;border-left:2px solid #aacddd85;background:linear-gradient(90deg,#618aa316,transparent);border-radius:0 8px 8px 0}
.depth-section .depth-thought p,.reflection .depth-section .depth-thought p,.reading-article .depth-section .depth-thought p{font:500 1rem/1.95 var(--sans);color:#bacdda;letter-spacing:.005em;max-width:34em;margin:0 0 14px;text-align:left}
.depth-section .depth-thought p.depth-lead,.reflection .depth-section .depth-thought p.depth-lead,.reading-article .depth-section .depth-thought p.depth-lead{color:#dce8f0;font-weight:600}
.depth-section .depth-thought.is-key>p.depth-lead{font-size:1.0625rem;color:#e7eff4;font-weight:700}
.depth-section .depth-thought p:last-child{margin-bottom:0}
.depth-explanation{margin-top:15px}.depth-thought+.depth-thought{padding-top:3px}
.depth-card-strip{padding:0 0 20px;margin:0 0 6px;gap:18px}.depth-card-strip .card-review{width:53px;flex-basis:53px}
.detail-copy{padding-top:18px;max-width:34em}.detail-copy p,.reflection .detail-copy p{font-size:1rem;line-height:1.95;margin:0 0 18px;color:#bfd0dc}.detail-copy p:last-child{margin-bottom:0}
.details-close{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;margin:24px 0 0;padding:13px;border:1px solid #adc8d433;border-radius:10px;background:#27415255;color:#c9dce7;font:600 .875rem/1.5 var(--sans);cursor:pointer}.details-close svg{width:16px;height:16px;rotate:180deg}
.draw-controls{padding:15px 18px;border:1px solid #bbd1df30;border-radius:16px;background:#1b2e40e8;backdrop-filter:blur(20px);position:sticky;bottom:16px;z-index:25;margin-top:28px}.draw-controls>p{display:none}.draw-controls .primary{font-size:.9375rem;min-height:48px}.selection-heading{margin-top:25px}
@media(max-width:760px){.reading-workspace{display:block}.card-stage{padding:23px 17px 21px;margin-bottom:28px}.card-stage .focus-card{width:138px}.card-stage-label{margin-bottom:18px}.live-spread-panel{max-width:320px;padding-top:21px;margin-top:14px}.live-spread-heading strong{font-size:.875rem}.live-spread-note{font-size:.8125rem}.live-board .result-card>.spread-card-label{font-size:.8125rem}.deep-reading-body{padding:0 18px 23px}.deep-reading-body .depth-section{padding:28px 0}.depth-section .depth-heading h3,.reading-article .depth-section .depth-heading h3{font-size:1.1875rem;line-height:1.6}.depth-heading{gap:10px;margin-bottom:21px}.depth-heading .depth-index{min-width:22px;font-size:.8125rem;padding-top:3px}.depth-thought.is-key{padding:15px 13px}.depth-thought{margin-bottom:25px}.depth-section .depth-thought p,.reflection .depth-section .depth-thought p,.reading-article .depth-section .depth-thought p{font-size:1rem;line-height:1.95;margin-bottom:16px}.card-deep-dive>summary,.synthesis-depth>summary{padding:18px;font-size:1rem}.card-deep-dive>summary small,.synthesis-depth>summary small{font-size:.8125rem;line-height:1.7}.draw-controls{bottom:max(12px,env(safe-area-inset-bottom));padding:11px 13px;gap:12px}.draw-controls .text-btn{font-size:.875rem}.draw-controls .primary{font-size:.875rem;padding:12px 18px}#positions.live-board.spread-celtic{max-width:320px}#readingRail.live-board.spread-celtic{max-width:290px}.depth-card-strip{gap:16px}.depth-card-strip .card-review{width:48px;flex-basis:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.live-board .result-card .slot-card{filter:none}
.position-depth summary,.overview-reason summary,.action-depth summary,.reading-method summary{font-size:.875rem;font-weight:600;min-height:48px}
@media(prefers-reduced-motion:reduce){.live-board .result-card.just-revealed .slot-card{animation:none}}

/* v15 — stable flight layer, compact docks and restrained position labels. */
.flying-card{z-index:20;transform-origin:50% 50%;will-change:transform;box-shadow:0 8px 18px #0003}
.draw-controls{z-index:40;display:flex;justify-content:space-between;gap:18px;width:min(100%,580px);margin:24px auto 0;padding:8px 10px 8px 15px;border-radius:13px;background:#1b2e40f5;box-shadow:0 8px 22px #0003;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.draw-controls .primary{width:auto;min-width:160px;min-height:44px;padding:10px 17px;font-size:.875rem;gap:14px;justify-content:center}
.draw-controls .text-btn{min-height:44px;padding:8px 3px;font-size:.875rem;white-space:nowrap}
#readingActions{width:min(660px,calc(100% - 32px));padding:8px 12px;border-radius:13px;gap:14px}
#readingActions .primary,#readingActions .text-btn{min-height:44px;padding-top:10px;padding-bottom:10px}
.slot-card.is-arriving{animation:landing-light .48s ease-out both}
@keyframes landing-light{from{box-shadow:0 0 0 1px #c8e3f16b,0 0 16px #b5d8ed1c}to{box-shadow:0 4px 10px #0002}}
.spread-board:not(.spread-celtic) .result-card>.spread-card-label,#resultSpread .spread-board:not(.spread-celtic) .result-card>.spread-card-label{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:max-content;max-width:none;min-height:26px;padding:3px 8px;margin:10px 0 0;border:1px solid #a1bfd229;border-radius:5px;background:linear-gradient(110deg,#6389a013,#243c4b16);font:500 .8125rem/1.45 var(--sans);letter-spacing:.025em;white-space:nowrap;color:#b8cdda;box-shadow:inset 0 1px 0 #e0edf505}
.spread-board:not(.spread-celtic) .spread-card-label>span{white-space:nowrap}
.spread-board.spread-celtic .result-card>.spread-card-label{display:flex;align-items:center;justify-content:center;width:22px;height:18px;min-height:0;padding:0;position:absolute;left:-7px;top:-6px;bottom:auto;margin:0;border:1px solid #9abbce4d;border-radius:4px;background:#213646;box-shadow:0 2px 5px #0002;font-size:.75rem;line-height:1}
.spread-board.spread-celtic .result-card>.spread-card-label b{font:500 .75rem/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#bcd1df}
.spread-board.spread-celtic .spread-position-2>.spread-card-label{left:calc(100% + 3px);top:calc(50% - 9px)}
.spread-board.spread-celtic .result-card.active>.spread-card-label{background:#304d60;border-color:#bdd6e379}
.spread-board.spread-celtic .result-card.active>.spread-card-label b{color:#ecf4f8}
.live-board .result-card .slot-number{font:500 .875rem/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#89a6ba}
.spread-legend button b{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:19px;border:1px solid #9dbdd02c;border-radius:4px;font:500 .75rem/1 var(--sans);font-variant-numeric:tabular-nums;color:#9fbecf;background:#4d738619}
.grouped-notes .illustrated-heading{padding-bottom:21px;margin:0;border-bottom:1px solid #a8c5d522}
.synthesis-group{padding:26px 0 10px;border-bottom:1px solid #abc8d52b}.synthesis-group:last-child{border-bottom:0}
.synthesis-group .synthesis-group-title{font:700 1.125rem/1.7 var(--sans);color:#d8e7ef;margin:0 0 6px;letter-spacing:0;overflow-wrap:anywhere}
.grouped-notes .summary-note{padding:22px 0;border:0;gap:23px}
.grouped-notes .summary-note+.summary-note{border-top:1px dashed #9bbacd22;padding-top:25px}
.grouped-notes .note-body h4{font:700 1.25rem/1.65 var(--sans);color:#e1ecf3;margin:8px 0 9px;letter-spacing:-.015em}
.grouped-notes .note-body>.micro-label{font-size:.8125rem;color:#93b1c6}
.grouped-notes .card-review>span{font-size:.75rem;line-height:1.5}
@media(max-width:760px){
 .draw-controls{width:min(100%,420px);display:flex;gap:10px;padding:7px 8px 7px 12px;margin-top:23px;border-radius:12px}.draw-controls .primary{width:auto;min-width:132px;min-height:44px;font-size:.875rem;padding:10px 13px;gap:9px}.draw-controls .text-btn{font-size:.8125rem;min-height:44px;padding:8px 0;gap:6px}
 #readingActions{left:12px;right:12px;width:auto;padding:7px 9px;gap:10px;border-radius:12px}#readingActions .primary{min-height:44px;padding:10px 13px;font-size:.875rem}#readingActions .text-btn{min-height:44px;font-size:.8125rem}
 .spread-board:not(.spread-celtic) .result-card>.spread-card-label,#resultSpread .spread-board:not(.spread-celtic) .result-card>.spread-card-label{font-size:.75rem;letter-spacing:0;padding:4px 7px;min-height:25px;margin-top:9px}
 .synthesis-group{padding:23px 0 5px}.synthesis-group .synthesis-group-title{font-size:1.0625rem}.grouped-notes .summary-note{gap:18px;grid-template-columns:65px minmax(0,1fr);padding:23px 0}.grouped-notes .note-body h4{font-size:1.125rem;line-height:1.7}.grouped-notes .illustrated-heading{align-items:flex-start;gap:13px}.grouped-notes .illustrated-heading>span{white-space:nowrap;padding-top:3px;font-size:.75rem}.grouped-notes .illustrated-heading h2{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.slot-card.is-arriving{animation:none}}
