:root{color-scheme:light;--ink: #1d1d1f;--ink-soft: #333336;--muted: #6e6e73;--blue: #0066cc;--aqua: #bdeee6;--white: #ffffff;--soft: #f5f5f7;--silver: #e8ebf0;--surface: #fbfbfd;--line: rgba(0, 0, 0, .08);--line-strong: rgba(0, 0, 0, .16);--shadow: 0 34px 86px rgba(24, 35, 52, .14);--max: 1440px;--nav-height: 48px;color:var(--ink);background:var(--soft);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--soft);scroll-behavior:smooth}body{overflow-x:hidden;margin:0;min-width:320px;color:var(--ink);background:var(--soft);font-size:17px;line-height:1.47059;letter-spacing:0}button{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid rgba(0,102,204,.24);outline-offset:3px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0;overflow-wrap:anywhere;word-break:keep-all}h1{max-width:100%;color:var(--ink);font-size:7.2rem;line-height:.96;font-weight:750;letter-spacing:0;overflow-wrap:anywhere}h1 span{display:block}h2{color:var(--ink);font-size:2rem;line-height:1.08;font-weight:720;letter-spacing:0}h3{color:var(--ink);font-size:1.12rem;line-height:1.2}#app{min-height:100svh}.seo-fallback{display:grid;width:min(760px,100%);min-height:100svh;align-content:center;gap:16px;margin:0 auto;padding:48px 24px}.seo-fallback h1{font-size:3.8rem}.seo-fallback p{color:var(--ink-soft);font-size:1.12rem}.seo-fallback a{width:fit-content;border-bottom:1px solid currentColor;color:var(--blue);font-weight:750}.app-shell{width:min(var(--max),100%);margin:0 auto;padding:0 0 12px}.topbar{display:flex;position:sticky;top:0;z-index:10;align-items:center;justify-content:space-between;gap:24px;height:var(--nav-height);padding:0 24px;border-bottom:1px solid rgba(0,0,0,.06);color:#000000c7;background:#fafafcd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.brand,.quality-strip,.action-row,footer{display:flex;align-items:center}.brand{gap:8px;min-width:0;font-size:.84rem;font-weight:600;white-space:nowrap}.brand-mark{display:block;flex:0 0 auto;width:17px;height:17px;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,var(--ink),#7d8794 56%,var(--aqua));box-shadow:inset 0 0 0 1px #ffffff6b;color:transparent;font-size:0}.brand strong,.brand small{display:block}.brand strong{color:var(--ink);line-height:1.05}.brand small{color:var(--muted);font-size:.7rem;font-weight:500}.topnav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.78rem;font-weight:700}.topnav a{border-bottom:1px solid transparent;line-height:1.2;transition:border-color .16s ease,color .16s ease}.topnav a:hover{border-color:currentColor;color:var(--ink)}.eyebrow{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.reading-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(370px,.74fr);gap:clamp(28px,4vw,64px);align-items:center;width:min(var(--max),100%);min-height:calc(100svh - var(--nav-height) - 12px);margin:0 auto 12px;overflow:hidden;padding:clamp(48px,6vw,92px) clamp(24px,5vw,76px) 0;background:linear-gradient(180deg,#fbfbfd,#f5f5f7)}.intro-panel,.reading-console,.result-area{min-width:0}.intro-panel{display:grid;align-content:end;align-self:stretch;gap:18px;padding:0}.intro-copy{max-width:760px;color:var(--muted);font-size:1.52rem;line-height:1.24;font-weight:540;letter-spacing:0;overflow-wrap:anywhere}.intro-copy span{display:block}.card-showcase{display:flex;align-items:end;justify-content:center;min-height:clamp(260px,35vw,430px);margin:clamp(16px,4vh,34px) auto 0;padding-bottom:clamp(18px,3vw,36px);width:min(760px,100%);overflow:visible}.preview-card{width:clamp(128px,17vw,220px);aspect-ratio:536 / 900;object-fit:cover;border:1px solid rgba(255,255,255,.92);border-radius:8px;box-shadow:0 34px 80px #18233438}.preview-card-1{transform:rotate(-7deg) translate(42px) translateY(20px)}.preview-card-2{z-index:2;transform:translateY(-10px)}.preview-card-3{transform:rotate(7deg) translate(-42px) translateY(20px)}.quality-strip{flex-wrap:wrap;gap:10px;padding-bottom:clamp(32px,5vw,72px)}.quality-strip span{min-height:34px;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:7px 12px;color:var(--ink-soft);background:#ffffffb8;font-size:.82rem;font-weight:700;box-shadow:0 12px 28px #18233414}.reading-console{display:grid;justify-self:end;width:min(540px,100%);gap:18px;align-content:start;align-self:center;border:1px solid var(--line);border-radius:8px;padding:clamp(20px,2.8vw,34px);background:#ffffffe6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.console-section{display:grid;gap:16px}.section-heading{display:grid;gap:5px}.theme-grid{display:grid;gap:10px}.theme-option{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:70px;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--ink);background:var(--white);text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease,background .16s ease}.theme-option:hover,.theme-option.active{border-color:#0066cc57;background:#f7fbff;box-shadow:0 14px 32px #1823341a;transform:translateY(-1px)}.theme-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:var(--white);background:linear-gradient(145deg,var(--ink),#66707d 62%,#7ddfce);font-size:.92rem;font-weight:800}.theme-option strong,.theme-option small{display:block}.theme-option small{margin-top:3px;color:var(--muted);font-size:.83rem;font-weight:470}.draw-section{gap:12px;padding-top:2px}.selected-theme{color:var(--muted);font-size:.86rem;font-weight:650}.action-row{gap:10px}.primary-action,.ghost-action{min-height:52px;border-radius:8px;padding:0 18px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.primary-action{flex:1;border:0;color:var(--white);background:var(--ink)}.ghost-action{border:1px solid var(--line-strong);color:var(--ink);background:var(--white)}.primary-action:hover,.ghost-action:hover{transform:translateY(-1px)}.primary-action:hover{box-shadow:0 18px 36px #1d1d1f2e}.ghost-action:hover{border-color:#00000047;background:#f7f7f9}.ad-slot{display:grid;min-height:86px;place-items:center;border:1px dashed rgba(0,0,0,.18);border-radius:8px;color:var(--muted);background:#f5f5f7b3;font-size:.82rem;font-weight:700}.result-ad-slot{margin-top:clamp(10px,2vw,22px)}.result-area{display:grid;gap:22px;width:min(var(--max),100%);margin:0 auto 12px;padding:clamp(28px,5vw,76px);background:var(--white)}.result-header,.selection-header{display:grid;grid-template-columns:minmax(0,.86fr) minmax(280px,1fr);gap:20px;align-items:end}.result-header p:last-child,.selection-header>p{color:var(--muted);font-size:1.05rem}.selection-status{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--ink);background:var(--soft);font-weight:750}.deck-selection{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.deck-card{display:grid;position:relative;min-width:0;aspect-ratio:536 / 900;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:8px;padding:0;background:linear-gradient(145deg,#1d1d1f,#59616b 58%,#8fe7d8);box-shadow:0 18px 34px #18233424;opacity:1;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .18s ease}.deck-card:hover:not(:disabled),.deck-card.selected{border-color:#0066cc7a;box-shadow:0 22px 42px #0066cc29;transform:translateY(-4px)}.deck-card:disabled:not(.selected){opacity:.42}.deck-selection.shuffling .deck-card{animation:cardShuffle .86s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--card-delay);pointer-events:none}.card-back-pattern{display:grid;width:68%;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:linear-gradient(135deg,#ffffff2e,#ffffff0a),conic-gradient(from 45deg,#ffffff75,#bdeee6cc,#ffffff75)}.card-back-pattern:after{content:"";width:42%;aspect-ratio:1;border:1px solid rgba(255,255,255,.56);border-radius:50%;background:#ffffff1a}.selected-order{display:grid;position:absolute;top:8px;right:8px;width:28px;height:28px;place-items:center;border-radius:50%;color:var(--ink);background:var(--white);font-size:.84rem;font-weight:800}.reading-flow{display:grid;gap:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.reading-flow-heading{display:grid;gap:5px;border-bottom:1px solid var(--line);padding:clamp(18px,3vw,30px)}.reading-flow-heading h3{font-size:1.42rem}.flow-card{display:grid;grid-template-columns:minmax(118px,178px) minmax(0,1fr);gap:clamp(18px,3vw,28px);align-items:start;padding:clamp(18px,3vw,30px)}.flow-card+.flow-card{border-top:1px solid var(--line)}.flow-card-media{display:grid;min-width:0;justify-items:center;gap:10px;margin:0}.flow-card-face{overflow:hidden;width:min(158px,100%);aspect-ratio:536 / 900;border:1px solid var(--line);border-radius:8px;background:var(--silver);box-shadow:0 18px 38px #18233421}.flow-card-face img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center}.flow-card-face img.upside-down{transform:rotate(180deg)}.flow-card-media figcaption{display:grid;justify-items:center;gap:2px;text-align:center}.flow-card-media figcaption span,.flow-position{font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.flow-card-media figcaption span{color:#06766c}.flow-card-media figcaption strong{color:var(--ink);font-size:.94rem}.flow-card-copy{display:grid;gap:9px;min-width:0}.flow-position{color:var(--blue)}.flow-card-copy h4{color:var(--ink);font-size:1rem}.flow-card-copy small{color:var(--muted)}.flow-card-copy p:not(.flow-position){color:var(--ink-soft);line-height:1.76}.synthesis-panel{display:grid;grid-template-columns:minmax(170px,.38fr) minmax(0,1fr);gap:18px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.synthesis-panel>p{color:var(--ink-soft);font-size:1.04rem}.action-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:action}.action-list li{min-width:0;border-left:3px solid rgba(0,102,204,.34);padding:2px 0 2px 12px;color:var(--ink-soft);counter-increment:action}.action-list li:before{display:block;margin-bottom:4px;color:var(--blue);font-size:.74rem;font-weight:800;content:"POINT " counter(action)}.result-actions{display:flex;justify-content:flex-end;gap:10px}.empty-state{display:grid;min-height:260px;align-content:center;justify-items:center;gap:14px;text-align:center}.empty-state p{max-width:560px;color:var(--muted)}footer{justify-content:space-between;width:min(var(--max),100%);min-height:72px;gap:16px;margin:0 auto;padding:0 24px;color:#86868b;font-size:.82rem}footer a{color:#515154}@keyframes cardShuffle{0%{opacity:0;transform:translate(34px) translateY(-14px) rotate(10deg) scale(.92)}48%{opacity:1;transform:translate(-18px) translateY(12px) rotate(-8deg) scale(1.04)}to{opacity:1;transform:translate(0) translateY(0) rotate(0) scale(1)}}@media(max-width:1068px){.reading-stage,.result-header,.selection-header,.synthesis-panel,.action-list{grid-template-columns:1fr}h1{font-size:5.2rem}h2{font-size:1.84rem}.reading-stage{min-height:auto;padding-bottom:48px}.intro-panel{align-content:center;text-align:center}.intro-copy{margin:0 auto;font-size:1.3rem}.quality-strip{justify-content:center;padding-bottom:0}.reading-console{justify-self:center;width:min(640px,100%)}.deck-selection{grid-template-columns:repeat(6,minmax(0,1fr))}.flow-card{grid-template-columns:minmax(104px,156px) minmax(0,1fr)}}@media(max-width:734px){:root{--nav-height: 52px}body{font-size:16px}h1{font-size:4rem}.topbar{gap:12px;padding:0 16px}.topnav{gap:12px;font-size:.74rem}.brand small{display:none}.reading-stage{padding:48px 18px 42px}.intro-copy{max-width:320px;font-size:1.04rem;overflow-wrap:anywhere}.card-showcase{min-height:258px;width:100%;overflow:hidden}.preview-card{width:clamp(106px,30vw,152px)}.preview-card-1{transform:rotate(-7deg) translate(28px) translateY(18px)}.preview-card-3{transform:rotate(7deg) translate(-28px) translateY(18px)}.quality-strip{display:grid;grid-template-columns:1fr 1fr;width:min(304px,100%);margin:0 auto;gap:8px}.quality-strip span{padding:6px 10px;font-size:.78rem;text-align:center;white-space:normal}.quality-strip span:nth-child(3){grid-column:1 / -1;justify-self:center}.reading-console,.result-area{padding:20px}.deck-selection{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.result-actions{align-items:stretch;flex-direction:column}.flow-card{grid-template-columns:minmax(0,.58fr) minmax(0,1fr)}footer{align-items:flex-start;flex-direction:column;justify-content:center;padding:18px}}@media(max-width:430px){h1{font-size:2.9rem;line-height:1}h2{font-size:1.34rem}.seo-fallback h1{font-size:2.7rem}.card-showcase{min-height:232px}.preview-card{width:108px}.action-row{align-items:stretch;flex-direction:column}.theme-option{grid-template-columns:40px minmax(0,1fr)}.theme-mark{width:40px;height:40px}.flow-card{grid-template-columns:1fr}.deck-selection{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-card-face{width:min(210px,72%)}}