@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Noto+Serif+Thai:wght@400;500;600;700&display=swap";:root{--ink:#302c32;--muted:#80777e;--soft:#a49aa1;--paper:#f7f5f0;--card:#fff;--line:#e8e1df;--plum:#674d68;--plum2:#846783;--lav:#eee6ed;--rose:#f7eeea;--gold:#c59c6a;--shadow:0 12px 36px #3d313b12}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Noto Sans Thai,sans-serif}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}p{line-height:1.7}.app-shell{background:radial-gradient(circle at 80% 0, #eee5ec 0, transparent 34%), var(--paper);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fbfaf7;flex-direction:column;width:248px;padding:24px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;color:var(--ink);background:0 0;border:0;align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand>span{background:var(--plum);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;display:grid;box-shadow:0 9px 22px #634c6530}.brand strong,.brand small{display:block}.brand strong{font:700 18px Noto Serif Thai,serif}.brand small{color:var(--soft);margin-top:2px;font-size:11px}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#7d747b;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:13px;display:flex}.sidebar nav button>span{text-align:center;color:#a4869c;width:20px;font-size:17px}.sidebar nav button b{background:#e9dfe7;border-radius:99px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:9px;display:grid}.sidebar nav button:hover,.sidebar nav button.active{color:#553f56;background:#ece3ea;font-weight:700}.sidebar nav button.active>span{color:#765771}.sidebar-card{background:#ede4eb;border-radius:14px;margin-top:auto;padding:17px}.sidebar-card>span{color:#896b83;font-size:22px}.sidebar-card strong{margin-top:8px;font:600 13px Noto Serif Thai,serif;display:block}.sidebar-card p{color:#867c83;margin:5px 0 0;font-size:10px}.sync-status{color:#8c8389;align-items:center;gap:8px;padding:16px 8px 0;font-size:10px;display:flex}.sync-status i{background:#75a27b;border-radius:50%;width:7px;height:7px}.sync-status i.syncing{background:#c79b5d;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.content{width:calc(100% - 248px);min-width:0;margin-left:248px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#f9f7f4cc;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(24px,5vw,70px);display:flex;position:sticky;top:0}.topbar>div small,.topbar>div strong,.profile strong,.profile small{display:block}.topbar>div small{color:var(--soft);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.topbar>div strong{font:600 14px Noto Serif Thai,serif}.profile{text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:4px;display:flex}.profile>span{background:var(--plum);color:#fff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;display:grid}.profile strong{font-size:11px}.profile small{color:var(--soft);font-size:9px}.page{max-width:1280px;margin:auto;padding:45px clamp(24px,5vw,70px) 90px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:31px;display:flex}.page-head>div{max-width:760px}.page-head small,.section-title small,.lesson-work>small,.spread-detail>small{color:#947a8f;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:700}.page-head h1{letter-spacing:-.04em;margin:9px 0;font:600 clamp(31px,4vw,49px)/1.12 Noto Serif Thai,serif}.page-head p{color:var(--muted);max-width:720px;margin:0;font-size:13px}.primary{background:var(--plum);color:#fff;border:0;border-radius:10px;min-height:45px;padding:0 18px;font-size:12px;font-weight:700;box-shadow:0 9px 22px #5b435d25}.primary:hover{background:#523b54;transform:translateY(-1px)}.primary:disabled{opacity:.6}.primary.full{width:100%}.mobile-nav{display:none}.hero{min-height:340px;box-shadow:var(--shadow);background:linear-gradient(130deg,#59415c,#765871);border-radius:22px;grid-template-columns:1.35fr .65fr;margin-bottom:18px;display:grid;overflow:hidden}.hero>div{color:#fff;padding:44px 48px;position:relative}.hero>div:after{content:"✦";color:#ffffff08;font-size:150px;position:absolute;top:-18px;right:15px}.hero small{color:#ddcad8;letter-spacing:.15em;font-size:9px}.hero h2{margin:18px 0 13px;font:500 clamp(27px,3vw,39px)/1.25 Noto Serif Thai,serif}.hero h2 em{color:#d7bfd1;font-style:normal}.hero p{color:#dacbd6;max-width:590px;font-size:12px}.hero>div button{color:#fff;background:0 0;border:0;padding:8px 0;font-size:11px;font-weight:700}.hero-card{background:#2f24336b;border:0;place-items:center;padding:28px;display:grid;overflow:hidden}.hero-card img{object-fit:contain;border-radius:10px;width:auto;height:284px;transition:all .3s;box-shadow:0 18px 34px #1e152650}.hero-card:hover img{transform:translateY(-5px)rotate(1deg)}.metric-grid,.quality-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric{background:#fff;border:1px solid #eee8e5;border-radius:13px;padding:17px 20px;box-shadow:0 5px 20px #4c3d4710}.metric strong,.metric span{display:block}.metric strong{color:#5d465e;font:600 26px Noto Serif Thai,serif}.metric span{color:var(--muted);margin-top:3px;font-size:10px}.section-title{margin:42px 0 16px}.section-title h2{margin:5px 0;font:600 25px Noto Serif Thai,serif}.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature-grid button{text-align:left;border:1px solid var(--line);min-height:150px;color:var(--ink);background:#fff;border-radius:15px;padding:21px;transition:all .2s}.feature-grid button:hover{box-shadow:var(--shadow);border-color:#d7c8d4;transform:translateY(-3px)}.feature-grid span{color:#926e8a;font-size:24px;display:block}.feature-grid strong{margin:13px 0 3px;font:600 14px Noto Serif Thai,serif;display:block}.feature-grid p{color:var(--muted);margin:0;font-size:11px}.recent{background:#eee6eb;border-radius:13px;align-items:center;gap:14px;margin-top:14px;padding:14px 17px;display:flex}.recent>span{color:#fff;background:#80627b;border-radius:99px;padding:5px 8px;font-size:9px}.recent>div{flex:1}.recent strong,.recent small{display:block}.recent strong{font-size:12px}.recent small{color:var(--soft);margin-top:3px;font-size:9px}.recent button{color:#72576e;background:0 0;border:0;font-size:10px;font-weight:700}.learn-layout{grid-template-columns:320px minmax(0,1fr);gap:18px;display:grid}.lesson-list{align-content:start;gap:7px;display:grid}.lesson-list button{text-align:left;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.lesson-list button:hover,.lesson-list button.active{border-color:var(--line);background:#fff;box-shadow:0 6px 18px #3b30380d}.lesson-list button>span{color:#795d75;background:#eae1e7;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.lesson-list strong,.lesson-list small{display:block}.lesson-list strong{font-size:12px}.lesson-list small{color:var(--soft);margin-top:3px;font-size:9px}.lesson-list b{color:#9a8e96;font-size:9px}.lesson-work{box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:25px}.lesson-work h2{margin:7px 0;font:600 25px Noto Serif Thai,serif}.lesson-work>p{color:var(--muted);margin:0 0 20px;font-size:12px}.flashcard{background:#f2ede8;border-radius:15px;grid-template-columns:270px 1fr;gap:24px;min-height:390px;padding:18px;display:grid}.flash-image{background:#dfd7d2;border:0;border-radius:12px;padding:11px;position:relative;overflow:hidden}.flash-image img{object-fit:contain;width:100%;height:350px}.flash-image span,.detail-image span,.reading-image span{white-space:nowrap;color:#fff;background:#2f2630cf;border-radius:99px;padding:7px 11px;font-size:9px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.flash-copy{flex-direction:column;justify-content:center;padding:18px;display:flex}.flash-copy>small{color:#9b8494;letter-spacing:.12em;font-size:9px}.flash-copy h3{margin:11px 0;font:600 23px/1.35 Noto Serif Thai,serif}.flash-copy p{color:var(--muted);font-size:12px}.chip-row{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.chip-row span{color:#72556d;background:#eee4ec;border-radius:99px;padding:5px 9px;font-size:9px}.mastery{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.mastery button,.remember button{color:#765e71;background:#fff;border:1px solid #d9cbd5;border-radius:8px;min-height:39px;padding:0 10px;font-size:9px}.flash-controls{justify-content:space-between;margin-top:14px;display:flex}.flash-controls button{color:#786d73;background:0 0;border:0;min-height:40px;font-size:10px}.deck-toolbar{justify-content:space-between;gap:14px;margin-bottom:18px;display:flex}.filters{flex-wrap:wrap;gap:5px;display:flex}.filters button,.journal-tabs button{color:#7d7479;background:#e9e4e0;border:0;border-radius:8px;min-height:42px;padding:0 13px;font-size:10px}.filters button.active,.journal-tabs button.active{background:var(--plum);color:#fff}.search{color:#998f95;background:#fff;border:1px solid #ddd5d4;border-radius:9px;align-items:center;gap:8px;min-width:300px;min-height:43px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.deck-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:18px;display:grid}.deck-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.deck-card{text-align:left;background:#fff;border:1px solid #0000;border-radius:11px;min-width:0;padding:8px;transition:all .18s}.deck-card:hover,.deck-card.active{border-color:#bda5b8;transform:translateY(-2px);box-shadow:0 8px 22px #49384414}.deck-image{aspect-ratio:59/100;background:#e7e0dc;border-radius:7px;display:block;position:relative;overflow:hidden}.deck-image img{object-fit:contain;width:100%;height:100%}.deck-image b{color:#a65772;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.deck-card strong,.deck-card small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.deck-card strong{margin-top:8px;font:600 10px Noto Serif Thai,serif}.deck-card small{color:var(--soft);margin-top:2px;font-size:8px}.result-count{text-align:center;color:var(--soft);font-size:10px}.card-detail{box-shadow:var(--shadow);background:#fff;border-radius:16px;max-height:calc(100vh - 106px);padding:20px;position:sticky;top:88px;overflow:auto}.detail-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.detail-meta span{color:#998992;letter-spacing:.12em;font-size:9px}.detail-meta button{color:#a45270;background:#f0e7ed;border:0;border-radius:50%;width:40px;height:40px;font-size:20px}.detail-image{background:#eee8e4;border:0;border-radius:10px;width:100%;padding:10px;position:relative}.detail-image img{object-fit:contain;width:100%;height:auto;display:block}.card-detail h2{margin:16px 0 0;font:600 25px Noto Serif Thai,serif}.card-detail>small{color:var(--soft);font-size:10px}.card-facts{color:var(--soft);border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:3px 0 13px;font-size:9px;display:flex}.card-facts b{color:#6d6068}.detail-block{border-bottom:1px solid var(--line);padding:13px 0}.detail-block.warning{background:#fcf4ef;border:0;border-radius:9px;margin-top:9px;padding:12px}.detail-block small,.symbols>small,.remember>small{color:#9a7f91;letter-spacing:.11em;text-transform:uppercase;font-size:8px}.detail-block p{color:#6f676c;margin:6px 0 0;font-size:11px}.symbols{padding:14px 0}.symbols p{color:#82777d;margin:4px 0;font-size:9px}.remember{border-top:1px solid var(--line);padding-top:13px}.remember>div{gap:5px;margin-top:8px;display:flex}.remember button.active{background:var(--plum);color:#fff;border-color:var(--plum)}.spread-layout{grid-template-columns:320px 1fr;gap:18px;display:grid}.spread-menu{align-content:start;gap:8px;display:grid}.spread-menu button{text-align:left;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:42px 1fr;gap:12px;padding:15px;display:grid}.spread-menu button:hover,.spread-menu button.active{border-color:var(--line);background:#fff;box-shadow:0 7px 20px #4c3c4610}.spread-menu button>span{color:#71536c;background:#e9dfe6;border-radius:11px;place-items:center;width:40px;height:40px;font:600 16px Noto Serif Thai,serif;display:grid}.spread-menu strong,.spread-menu small{display:block}.spread-menu strong{font-size:12px}.spread-menu small{color:var(--soft);margin-top:3px;font-size:9px;line-height:1.5}.spread-detail{box-shadow:var(--shadow);background:#fff;border-radius:17px;padding:25px}.spread-detail h2{margin:7px 0;font:600 28px Noto Serif Thai,serif}.spread-detail>p{color:var(--muted);font-size:11px}.spread-reference{background:#fbf8fa;border:1px solid #dcd0d8;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:18px;margin-top:18px;padding:15px 17px;display:flex}.spread-reference>div{min-width:0}.spread-reference small,.reading-map-wrap>small{color:#8b6a83;letter-spacing:.08em;text-transform:uppercase;font-size:9px;display:block}.spread-reference strong{margin-top:4px;font-size:11px;display:block}.spread-reference p{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.65}.spread-reference a{color:#76536d;flex:none;font-size:10px;font-weight:700;text-decoration:none}.spread-map-scroll{overscroll-behavior-inline:contain;scrollbar-color:#a98da1 transparent;width:100%;overflow-x:auto}.spread-map{background:radial-gradient(circle at 50% 43%,#745c75 0,#58435c 52%,#46344a 100%);border-radius:14px;place-content:center;gap:18px;width:min(100%,680px);min-height:300px;margin:20px auto;padding:25px;display:grid;position:relative}.spread-position{text-align:center;width:96px;min-height:135px;color:var(--ink);background:#f7f1e8;border:3px solid #a889a2;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.spread-position>span{color:#fff;background:#775d72;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.spread-map strong{margin-top:8px;font:600 11px Noto Serif Thai,serif}.spread-map small{color:#9a8e94;margin-top:3px;font-size:8px}.layout-one{grid-template-rows:135px;grid-template-columns:96px}.layout-three-line{grid-template-rows:135px;grid-template-columns:repeat(3,96px)}.layout-relationship-cross{grid-template-rows:repeat(3,135px);grid-template-columns:repeat(3,96px);min-height:535px}.layout-relationship-cross .position-1{grid-area:2/1}.layout-relationship-cross .position-2{grid-area:2/3}.layout-relationship-cross .position-3{grid-area:1/2}.layout-relationship-cross .position-4{grid-area:2/2}.layout-relationship-cross .position-5{grid-area:3/2}.layout-celtic-waite{grid-template-rows:repeat(4,135px);grid-template-columns:repeat(3,96px) 40px 96px;gap:16px 31px;width:680px;min-height:665px}.layout-celtic-waite .position-1{z-index:2;grid-area:2/2}.layout-celtic-waite .position-2{z-index:3;grid-area:2/2;transform:rotate(90deg)scale(.82);box-shadow:0 8px 22px #2d1e2c66}.layout-celtic-waite .position-3{grid-area:1/2}.layout-celtic-waite .position-4{grid-area:3/2}.layout-celtic-waite .position-5{grid-area:2/1}.layout-celtic-waite .position-6{grid-area:2/3}.layout-celtic-waite .position-7{grid-area:4/5}.layout-celtic-waite .position-8{grid-area:3/5}.layout-celtic-waite .position-9{grid-area:2/5}.layout-celtic-waite .position-10{grid-area:1/5}.significator-note{color:#d9c8d5;letter-spacing:.08em;text-align:center;z-index:1;grid-area:2/2;place-self:end center;width:76px;font-size:7px;transform:translateY(19px)}.reading-map-wrap{background:#f6f0f4;border-radius:14px;margin-top:18px;padding:17px}.reading-spread-map{margin-bottom:0}.reading-spread-map .spread-position{appearance:none;cursor:pointer;padding:5px;overflow:hidden}.reading-spread-map .spread-position.active{border-color:#e0b05f;box-shadow:0 0 0 3px #e0b05f55}.reading-spread-map .spread-position>span{z-index:2;position:absolute;top:5px;left:5px}.reading-spread-map img{aspect-ratio:59/100;object-fit:contain;border-radius:3px;width:58px}.reading-spread-map strong{margin-top:3px;font-size:8px;line-height:1.2}.position-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.position-list article{border:1px solid var(--line);border-radius:10px;gap:10px;padding:12px;display:flex}.position-list article>span{color:#795d74;background:#eee5eb;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.position-list strong{font-size:10px}.position-list p{color:var(--muted);margin:3px 0 0;font-size:9px}.practice-setup{box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:1fr 1.25fr .85fr;gap:18px;padding:22px;display:grid}.practice-setup>div,.practice-setup>label{min-width:0}.practice-setup small{color:#967c90;letter-spacing:.1em;font-size:9px;font-weight:700;display:block}.practice-setup p{color:var(--soft);margin:7px 0;font-size:9px}.topic-row{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.topic-row button{color:#746a70;background:#faf8f5;border:1px solid #e2d9de;border-radius:99px;min-height:38px;padding:0 10px;font-size:9px}.topic-row button.active{background:var(--plum);color:#fff;border-color:var(--plum)}.practice-setup textarea,.practice-setup select,.editor textarea,.notes-layout input,.notes-layout textarea{width:100%;color:var(--ink);background:#fbfaf8;border:1px solid #ddd5d7;border-radius:9px;outline:0;margin-top:9px;padding:10px;font-size:11px}.practice-setup textarea:focus,.editor textarea:focus,.notes-layout input:focus,.notes-layout textarea:focus{border-color:#9f8198;box-shadow:0 0 0 3px #9f819815}.practice-setup label>span{color:var(--soft);margin-top:4px;font-size:8px;display:block}.practice-setup select{height:43px}.practice-empty{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;margin-top:18px;display:flex}.practice-empty>span,.empty>span{color:#a4869c;font-size:38px}.practice-empty h2{margin:12px 0 4px;font:600 22px Noto Serif Thai,serif}.practice-empty p{color:var(--soft);font-size:10px}.notice{color:#805f37;background:#fff2dd;border-radius:9px;margin-top:12px;padding:10px 14px;font-size:10px}.reading{margin-top:18px}.engine-context{background:#eee5eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:7px;padding:13px 16px;display:flex}.engine-context>div{margin-right:auto}.engine-context small,.engine-context strong{display:block}.engine-context small{color:#9d8e98;font-size:8px}.engine-context strong{font:600 13px Noto Serif Thai,serif}.engine-context>span,.engine-context>b{color:#7b6875;background:#fff;border-radius:99px;padding:6px 9px;font-size:8px}.engine-context>b{color:#fff;background:#6c526a}.reading-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin:12px 0;display:grid}.reading-cards button{text-align:left;background:#fff;border:1px solid #0000;border-radius:11px;padding:8px}.reading-cards button.active{box-shadow:var(--shadow);border-color:#a2819b;transform:translateY(-2px)}.reading-cards button>span{aspect-ratio:59/100;background:#e8e1dd;border-radius:6px;display:block}.reading-cards img{object-fit:contain;width:100%;height:100%}.reading-cards small,.reading-cards strong{display:block}.reading-cards small{color:#8f7a88;margin-top:7px;font-size:8px}.reading-cards strong{margin-top:2px;font:600 10px Noto Serif Thai,serif}.reading-detail{box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:250px 1fr;gap:24px;padding:22px;display:grid}.reading-image{background:#e9e2de;border:0;border-radius:11px;align-self:start;padding:10px;position:relative}.reading-image img{object-fit:contain;width:100%;height:auto}.reading-detail>div>small{color:#937b8c;font-size:9px}.reading-detail h2{margin:7px 0 13px;font:600 24px Noto Serif Thai,serif}.reading-detail article{background:#f6f2ef;border-radius:10px;margin-top:8px;padding:13px}.reading-detail article.warning{background:#fbf0e8}.reading-detail article.accent{background:#eee4ec}.reading-detail article small,.pattern-grid article>small{color:#92778a;letter-spacing:.1em;font-size:8px;font-weight:700}.reading-detail article p{color:#71686e;margin:6px 0 0;font-size:11px}.reading-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pattern-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.pattern-grid article{background:#fff;border-radius:13px;padding:17px}.pattern-grid p{color:#756b71;margin:7px 0;font-size:10px}.summary{color:#fff;background:#5e4761;border-radius:14px;gap:14px;margin-top:10px;padding:20px;display:flex}.summary>span{color:#d8bfd2;font-size:25px}.summary strong{font:600 14px Noto Serif Thai,serif}.summary p{color:#ded0da;margin:7px 0;font-size:11px}.summary p+p{border-top:1px solid #ffffff1c;padding-top:9px}.reflection{background:#f0e8ed;border:1px solid #ded3db;border-radius:13px;margin-top:10px;padding:16px}.reflection strong{font:600 12px Noto Serif Thai,serif}.reflection p{color:#756a71;margin:6px 0;font-size:10px}.journal-tabs{gap:6px;margin-bottom:16px;display:flex}.history-list{gap:10px;display:grid}.history-item{background:#fff;border-radius:14px;padding:16px;box-shadow:0 5px 20px #4536400c}.history-head{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.history-head small,.history-head strong{display:block}.history-head small{color:var(--soft);font-size:8px}.history-head strong{margin-top:4px;font:600 13px Noto Serif Thai,serif}.history-head>span{color:#8f7188;font-size:22px}.history-cards{gap:6px;margin-top:12px;display:flex;overflow:auto}.history-cards button{background:#f4f0ec;border:0;border-radius:7px;flex:0 0 70px;padding:5px}.history-cards img{aspect-ratio:59/100;object-fit:contain;width:100%}.history-cards small{white-space:nowrap;text-overflow:ellipsis;font-size:7px;display:block;overflow:hidden}.history-result{border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.history-result p{color:#766d72;font-size:10px}.history-result button{color:#73566d;background:0 0;border:0;padding:5px 0;font-size:10px;font-weight:700}.notes-layout{grid-template-columns:360px 1fr;gap:14px;display:grid}.notes-layout form{background:#fff;border-radius:14px;align-self:start;padding:20px}.notes-layout form>small{color:#987c90;font-size:9px}.notes-layout input{height:43px}.note-list{align-content:start;gap:9px;display:grid}.note-list article{background:#fff;border-radius:13px;padding:16px}.note-list small,.note-list strong{display:block}.note-list small{color:var(--soft);font-size:8px}.note-list strong{margin-top:5px;font:600 13px Noto Serif Thai,serif}.note-list p{color:#756b70;white-space:pre-wrap;font-size:10px}.note-list button{color:#a16e78;background:0 0;border:0;padding:0;font-size:9px}.empty{text-align:center;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.empty p{color:var(--soft);font-size:10px}.quality-grid{margin-bottom:15px}.studio-layout{grid-template-columns:330px 1fr;gap:15px;display:grid}.studio-list{background:#fff;border-radius:14px;max-height:820px;padding:10px;overflow:auto}.studio-list label{color:#8d7d87;padding:5px;font-size:9px;display:block}.studio-list label input{border:1px solid var(--line);background:#faf8f6;border-radius:8px;width:100%;height:39px;margin-top:5px;padding:0 9px}.studio-list>button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:7px;display:flex}.studio-list>button:hover,.studio-list>button.active{background:#eee6eb}.studio-list img{object-fit:contain;background:#e8e1dd;border-radius:4px;width:36px;height:61px}.studio-list strong,.studio-list small{display:block}.studio-list strong{font-size:10px}.studio-list small{color:var(--soft);font-size:8px}.editor{background:#fff;border-radius:15px;padding:22px}.editor-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:13px;padding-bottom:15px;display:flex}.editor-head img{object-fit:contain;background:#e9e2de;border-radius:7px;width:80px;height:135px}.editor-head small{color:#997f91;font-size:8px}.editor-head h2{margin:4px 0;font:600 23px Noto Serif Thai,serif}.editor-head p{color:var(--soft);margin:0;font-size:9px}.editor label{color:#876e80;margin-top:10px;font-size:9px;display:block}.source-note{color:var(--soft);margin-top:15px;font-size:8px}.viewer{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.viewer-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1d171ed9;border:0;position:absolute;inset:0}.viewer-panel{background:#f8f5f1;border-radius:18px;flex-direction:column;width:min(930px,96vw);height:min(94vh,920px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #0008}.viewer-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:67px;padding:0 19px;display:flex}.viewer-head strong,.viewer-head small{display:block}.viewer-head strong{font:600 15px Noto Serif Thai,serif}.viewer-head small{color:var(--soft);font-size:9px}.viewer-head button{color:#68535f;background:#e9e1e5;border:0;border-radius:50%;width:42px;height:42px;font-size:24px}.viewer-stage{background:#272028;flex:1;place-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.viewer-stage img{object-fit:contain;transform-origin:50%;width:auto;max-width:100%;height:100%;transition:all .2s}.viewer-controls{justify-content:center;align-items:center;gap:8px;height:55px;display:flex}.viewer-controls button{background:#fff;border:1px solid #ddd3d8;border-radius:8px;min-height:39px;padding:0 12px;font-size:10px}.viewer-controls span{text-align:center;min-width:46px;font-size:10px}.viewer-panel>p{color:var(--muted);text-align:center;margin:0 15px 13px;font-size:9px}.toast{z-index:110;color:#fff;box-shadow:var(--shadow);background:#4e654e;border-radius:10px;padding:12px 17px;font-size:11px;position:fixed;bottom:24px;right:24px}.visual-spread-map{width:680px;height:610px;min-height:0;padding:0;display:block}.visual-spread-map .spread-position{left:var(--spread-x);top:var(--spread-y);width:82px;min-height:116px;transform:translate(-50%, -50%) rotate(var(--spread-r));transform-origin:50%;z-index:1;padding:6px;position:absolute}.visual-spread-map .spread-position:hover,.visual-spread-map .spread-position.active{z-index:5;border-color:#e0b05f;box-shadow:0 0 0 3px #e0b05f44,0 12px 28px #24172355}.visual-spread-map .spread-position img{aspect-ratio:59/100;object-fit:contain;border-radius:3px;width:54px}.spread-filters,.spread-meta,.spread-actions,.segmented{flex-wrap:wrap;gap:7px;display:flex}.spread-filters{margin:-10px 0 18px}.spread-filters button,.segmented button,.spread-meta span{color:#765f70;background:#fff;border:1px solid #ded3da;border-radius:99px;padding:8px 12px;font-size:9px}.spread-filters button.active,.segmented button.active{background:var(--plum);color:#fff;border-color:var(--plum)}.spread-meta{margin:12px 0}.spread-meta span{background:#f6eff4;padding:5px 9px}.spread-actions{justify-content:flex-end;margin-top:18px}.danger{color:#994d45;background:#fff7f5;border:1px solid #d8a8a2;border-radius:9px;padding:9px 13px}.builder-layout{grid-template-columns:minmax(290px,.72fr) minmax(500px,1.28fr);gap:18px;display:grid}.builder-form,.builder-preview,.guided-panel,.compare-banner{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:20px}.builder-form>small,.builder-preview>small{color:#91758a;letter-spacing:.1em;font-size:9px;font-weight:700}.builder-form label,.position-editor label,.guided-panel label{color:#756771;margin-top:12px;font-size:9px;font-weight:700;display:block}.builder-form input,.builder-form textarea,.builder-form select,.guided-panel textarea{width:100%;color:var(--ink);background:#fbfaf8;border:1px solid #ddd4da;border-radius:9px;margin-top:5px;padding:9px}.builder-position-list{grid-template-columns:1fr 1fr;gap:6px;margin:15px 0 8px;display:grid}.builder-position-list button{text-align:left;background:#faf8f6;border:1px solid #e1d8dd;border-radius:8px;padding:8px;font-size:9px}.builder-position-list button.active{background:#eee4eb;border-color:#84677d}.builder-position-list span{color:#fff;background:#7b6075;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:6px;display:inline-grid}.position-editor{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.coordinate-controls{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.builder-preview .visual-spread-map{width:100%;margin-top:12px}.builder-preview>p{color:var(--soft);text-align:center;font-size:9px}.reading-mode{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.reading-mode button{text-align:left;color:#776974;background:#fff;border:1px solid #ded4da;border-radius:9px;padding:9px}.reading-mode button.active{border-color:var(--plum);background:var(--plum);color:#fff;box-shadow:0 6px 16px #59415720}.reading-mode b,.reading-mode span{display:block}.reading-mode b{font-size:9px}.reading-mode span{opacity:.8;margin-top:2px;font-size:7px;line-height:1.4}.spread-recommendations{gap:5px;margin-top:12px;display:grid}.spread-recommendations>small{margin-bottom:2px}.spread-recommendations button{text-align:left;background:#fff;border:1px solid #ded4da;border-radius:8px;padding:8px}.spread-recommendations button.active{background:#f3ebf1;border-color:#82657c}.spread-recommendations b,.spread-recommendations span{font-size:8px;display:block}.spread-recommendations span{color:var(--soft);margin-top:2px}.card-back{color:#eadac9;background:repeating-linear-gradient(45deg,#624b61,#624b61 6px,#765d73 6px 12px);border-radius:6px;place-items:center;width:100%;height:100%;font-size:24px;display:grid}.guided-panel{grid-template-columns:1fr 190px 1.2fr;align-items:start;gap:18px;margin-top:14px;display:grid}.guided-panel h2{margin:6px 0;font:600 22px Noto Serif Thai,serif}.guided-panel p{color:var(--soft);font-size:10px;line-height:1.7}.guided-card{background:#eee7e2;border:0;border-radius:10px;padding:8px}.guided-card img{aspect-ratio:59/100;object-fit:contain;width:100%}.guided-card span{margin-top:5px;font-size:8px;display:block}.guided-panel>.primary{grid-column:3}.guided-actions{grid-column:3;justify-content:flex-end;gap:8px;display:flex}.guided-actions>button:not(.primary){color:#705d69;background:#fff;border:1px solid #d9ced5;border-radius:9px;padding:9px 12px}.compare-banner{background:#eee5eb;align-items:center;gap:10px;margin:14px 0;display:flex}.compare-banner strong{color:var(--plum)}.compare-banner span{color:var(--soft);margin-right:auto;font-size:9px}.compare-banner button{background:var(--plum);color:#fff;border:0;border-radius:8px;padding:8px 11px}.learner-note-history{background:#f5eef3;border:1px solid #ded2da;border-radius:10px;margin-bottom:10px;padding:12px}.learner-note-history strong{color:var(--plum)}.learner-note-history p{margin:6px 0 0}.reading-map-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.reading-map-head strong{color:#755a70;background:#fff;border-radius:99px;padding:6px 9px;font-size:8px}.reading-cards button.locked{opacity:.72;cursor:not-allowed}.reading-cards button.locked strong{color:#a89ca3}.all-card-readings{background:#f2ebef;border-radius:16px;margin-top:18px;padding:20px}.all-card-readings .section-title{margin:0 0 12px}.all-card-readings .section-title h2{font-size:20px}.all-card-readings .section-title>span{background:var(--plum);color:#fff;border-radius:99px;padding:7px 10px;font-size:9px}.all-reading-list{gap:12px;display:grid}.all-reading-list>article{background:#fff;border:1px solid #0000;border-radius:14px;grid-template-columns:160px 1fr;gap:18px;padding:14px;display:grid}.all-reading-list>article.active{box-shadow:var(--shadow);border-color:#b99caf}.all-reading-image{background:#ece5e0;border:0;border-radius:10px;align-self:start;padding:8px}.all-reading-image img{aspect-ratio:59/100;object-fit:contain;width:100%}.all-reading-image span{margin-top:5px;font-size:8px;display:block}.all-reading-copy>small{color:#92798b;font-size:9px}.all-reading-copy h3{margin:5px 0 9px;font:600 19px Noto Serif Thai,serif}.all-reading-copy .position-purpose{color:#665a62;background:#f6f1f4;border-left:3px solid #a3829a;border-radius:7px;padding:9px;font-size:9px}.all-reading-copy article{background:#f7f4f1;border-radius:9px;margin-top:7px;padding:11px}.all-reading-copy article.warning{background:#fbf0e8}.all-reading-copy article.accent{background:#edf3ec}.all-reading-copy article small{color:#8c7885;font-size:8px;font-weight:700}.all-reading-copy article p{color:#514b4f;margin:4px 0 0;font-size:10px;line-height:1.75}.my-interpretation{color:#665562;background:#eee5eb;border-radius:8px;padding:9px;font-size:9px}@media (width<=1100px){.sidebar{width:205px}.content{width:calc(100% - 205px);margin-left:205px}.deck-layout{grid-template-columns:1fr}.card-detail{grid-template-columns:280px 1fr;gap:0 20px;max-height:none;display:grid;position:static}.card-detail>.detail-meta,.card-detail>.detail-image{grid-column:1}.card-detail>h2,.card-detail>small,.card-detail>.chip-row,.card-detail>.card-facts,.card-detail>.detail-block,.card-detail>.symbols,.card-detail>.remember{grid-column:2}.card-detail>h2{grid-row:1;margin-top:0}.card-detail>small{grid-row:2}.card-detail>.chip-row{grid-row:3}.card-detail>.card-facts{grid-row:4}.learn-layout,.spread-layout{grid-template-columns:270px 1fr}.practice-setup{grid-template-columns:1fr 1fr}.practice-setup>div:last-child{grid-column:1/-1}.deck-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=900px){body{padding-bottom:68px}.app-shell{display:block}.sidebar{display:none}.content{width:100%;margin:0}.topbar{height:59px;padding:0 16px}.page{padding:28px 15px 70px}.page p{font-size:12px}.page small{font-size:10px}.page button:not(.deck-card):not(.reading-cards button):not(.history-cards button){min-height:44px}.page-head{display:block}.page-head h1{font-size:31px}.page-head .primary{width:100%;margin-top:16px}.mobile-nav{z-index:50;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfaf8ef;grid-template-columns:repeat(6,1fr);height:68px;padding:5px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:#857a81;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.mobile-nav button span{font-size:18px}.mobile-nav button small{white-space:nowrap;font-size:7px}.mobile-nav button.active{color:#644b64;background:#eee5eb;border-radius:9px}.hero{grid-template-columns:1fr;min-height:0}.hero>div{padding:28px 23px}.hero-card{padding:20px}.hero-card img{height:310px}.metric-grid,.quality-grid{grid-template-columns:1fr 1fr}.feature-grid,.learn-layout,.spread-layout,.studio-layout,.notes-layout{grid-template-columns:1fr}.lesson-list{display:flex;overflow:auto}.lesson-list button{flex:0 0 250px}.flashcard{grid-template-columns:1fr;padding:12px}.flash-image img{height:420px}.flash-copy{padding:9px}.deck-toolbar{display:block}.search{min-width:0;margin-top:9px}.deck-grid{grid-template-columns:repeat(3,1fr);gap:7px}.deck-card{padding:6px}.card-detail{display:block}.card-detail>*{grid-area:auto!important}.detail-image img{max-height:none}.spread-menu{display:flex;overflow:auto}.spread-menu button{flex:0 0 260px}.spread-reference{display:block}.spread-reference a{margin-top:9px;display:inline-block}.spread-map{padding:15px}.visual-spread-map{width:680px;height:610px;padding:0}.builder-layout,.guided-panel{grid-template-columns:1fr}.builder-preview{overflow:hidden}.builder-preview .visual-spread-map{transform-origin:0 0;width:620px;margin-bottom:-125px;transform:scale(.78)}.guided-panel>.primary{grid-column:auto}.guided-actions{flex-direction:column-reverse;grid-column:auto}.guided-card{width:min(220px,100%);margin:auto}.compare-banner{flex-direction:column;align-items:flex-start}.coordinate-controls,.reading-mode{grid-template-columns:1fr}.reading-map-head{flex-direction:column;align-items:flex-start}.all-card-readings{padding:12px}.all-reading-list>article{grid-template-columns:100px 1fr;gap:10px;padding:10px}.layout-three-line,.layout-relationship-cross{width:390px}.layout-celtic-waite{width:650px;padding-inline:10px}.reading-map-wrap{padding:12px}.position-list{grid-template-columns:1fr}.practice-setup{grid-template-columns:1fr;padding:16px}.practice-setup>div:last-child{grid-column:auto}.reading-cards{grid-template-columns:repeat(3,1fr)}.reading-detail{grid-template-columns:1fr;padding:14px}.reading-image{width:min(100%,340px);margin:auto}.reading-pair,.pattern-grid{grid-template-columns:1fr}.engine-context>div{width:100%;margin:0}.recent{flex-wrap:wrap;align-items:flex-start}.recent button{margin-left:auto}.viewer{padding:0}.viewer-panel{border-radius:0;width:100vw;height:calc(100vh - 68px)}.viewer-stage{padding:8px}.viewer-stage img{max-width:100%;height:auto;max-height:100%}.viewer-controls{flex-wrap:wrap;height:auto;padding:8px}.viewer-panel>p{display:none}.toast{bottom:82px;right:14px}.journal-tabs button{flex:1}.studio-list{max-height:360px}}@media (width<=390px){.deck-grid,.reading-cards{grid-template-columns:repeat(2,1fr)}.topic-row button{padding:0 8px}.mobile-nav button small{font-size:6px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #c08cab}.inline-source,.card-source,.locked-source,.evidence-trace,.confidence-note{background:#faf6f9;border:1px solid #ddcfda;border-radius:12px}.inline-source{padding:9px 11px;font-size:11px!important}.inline-source a,.card-source a,.locked-source a,.evidence-trace a{color:#674d68;font-weight:700}.card-source,.locked-source{margin:12px 0;padding:14px}.card-source small,.card-source strong,.locked-source small{display:block}.card-source small,.locked-source small{color:#83657c;letter-spacing:.04em;font-size:10px}.card-source strong{margin-top:5px;font-size:12px}.card-source p,.locked-source p{margin:7px 0;font-size:11px}.source-scope{border-left:3px solid #b98eaa;padding-left:10px}.draw-mode{grid-template-columns:1fr 1fr;gap:7px;margin:10px 0;display:grid}.draw-mode button{color:#6f626b;text-align:left;background:#fff;border:1px solid #ded3da;border-radius:10px;min-height:58px;padding:8px 10px}.draw-mode button.active{color:#4c384b;background:#eee5ec;border-color:#755a71}.draw-mode b,.draw-mode span{display:block}.draw-mode b{font-size:11px}.draw-mode span{margin-top:3px;font-size:9px}.manual-slots{background:#fbf8fa;border:1px solid #e3d9df;border-radius:11px;gap:7px;max-height:340px;margin:10px 0;padding:10px;display:grid;overflow:auto}.manual-slots>small{color:#786a73;font-size:10px}.manual-slots label{grid-template-columns:minmax(92px,.8fr) 28px minmax(150px,1.5fr);align-items:center;gap:7px;font-size:10px;display:grid}.manual-slots img{object-fit:contain;width:28px;height:42px}.manual-slots select{min-width:0}.confidence-note{gap:4px;margin:9px 0 18px;padding:12px 15px;display:grid}.confidence-note strong{font-size:12px}.confidence-note span{color:#71666d;font-size:10px}.evidence-trace{margin-top:10px;padding:0 13px}.evidence-trace summary{cursor:pointer;color:#654c62;padding:11px 0;font-size:11px;font-weight:700}.evidence-trace>div{border-top:1px solid #eadfe6;padding:10px 0}.evidence-trace small{color:#94788d;font-size:9px;font-weight:700}.evidence-trace p{margin:4px 0;font-size:11px}.evidence-trace .application-note{color:#7a6e76;font-size:10px}.feedback-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;font-size:10px;display:flex}.feedback-controls button,.journal-tools button,.note-tags button{color:#674d68;background:#fff;border:1px solid #d9cbd5;border-radius:99px;padding:6px 10px;font-size:10px}.feedback-controls small{color:#52785b}.image-quiz{background:#fff;border:1px solid #ded4da;border-radius:16px;grid-template-columns:minmax(150px,.65fr) minmax(150px,.45fr) 1fr;align-items:center;gap:16px;margin-top:28px;padding:20px;display:grid}.image-quiz h3{margin:6px 0;font-family:Noto Serif Thai,serif}.image-quiz p{color:#756b72;font-size:11px}.quiz-image{background:#eee7eb;border:0;border-radius:11px;padding:8px}.quiz-image img{object-fit:contain;width:100%;max-height:250px;display:block}.quiz-options{gap:6px;display:grid}.quiz-options button{text-align:left;background:#fff;border:1px solid #ded4da;border-radius:9px;padding:8px}.quiz-options button small{color:#8b8087;display:block}.quiz-options button.correct{background:#eff7f0;border-color:#76a07b}.quiz-options button.wrong{background:#fff1f1;border-color:#b77f7f}.quiz-feedback{border-top:1px solid #e6dde2;grid-column:1/-1;padding-top:12px}.quiz-feedback button{color:#fff;background:#674d68;border:0;border-radius:9px;padding:8px 13px}.journal-tools{align-items:center;gap:10px;margin:12px 0 18px;display:flex}.journal-tools .search{flex:1;margin:0}.note-tags{flex-wrap:wrap;gap:4px;display:flex}@media (width<=900px){.image-quiz{grid-template-columns:1fr}.quiz-image{max-width:220px;margin:auto}.quiz-feedback{grid-column:auto}.journal-tools{flex-direction:column;align-items:stretch}.manual-slots label{grid-template-columns:1fr 28px}.manual-slots select{grid-column:1/-1}}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:0;font-size:16px;overflow-x:hidden}.page{max-width:1480px}.page :is(p,li){font-size:clamp(14px,.18vw + 13px,16px);line-height:1.75}.page :is(small,label){font-size:clamp(12px,.15vw + 11px,14px);line-height:1.5}.page :is(strong,b){line-height:1.45}.sidebar nav button,.sidebar-card strong{font-size:15px}.sidebar-card p,.sync-status{font-size:12px}.topbar>div small,.profile small{font-size:11px}.topbar>div strong,.profile strong{font-size:14px}.page-head p,.hero p{font-size:clamp(15px,.22vw + 14px,17px)}.deck-card strong,.reading-cards strong{font-size:13px}.deck-card small,.reading-cards small,.all-reading-image span,.guided-card span{font-size:11px}.card-detail>small,.card-facts,.detail-block p,.symbols p,.spread-detail>p,.spread-reference p,.position-list p,.practice-setup p,.reading-detail article p,.pattern-grid p,.all-reading-copy .position-purpose,.all-reading-copy article p,.my-interpretation,.evidence-trace p,.evidence-trace .application-note{font-size:clamp(13px,.16vw + 12px,15px)}.detail-block small,.symbols>small,.remember>small,.spread-reference small,.reading-map-wrap>small,.practice-setup small,.reading-detail article small,.pattern-grid article>small,.all-reading-copy>small,.all-reading-copy article small,.evidence-trace small{font-size:12px}.visual-spread-map .spread-position strong,.reading-spread-map .spread-position strong{font-size:10px;line-height:1.15}.visual-spread-map .spread-position small,.reading-spread-map .spread-position small{font-size:9px;line-height:1.15}@media (width>=1440px){.sidebar{width:280px;padding-inline:22px}.content{width:calc(100% - 280px);margin-left:280px}.page{padding-inline:clamp(44px,4vw,82px)}.deck-layout{grid-template-columns:minmax(0,1fr) 430px}}@media (width<=900px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.topbar{gap:12px;height:auto;min-height:64px;padding:9px 16px}.page{width:100%;padding:26px clamp(14px,4vw,24px) 84px}.page-head{margin-bottom:24px}.page-head h1{font-size:clamp(30px,9vw,43px);line-height:1.18}.mobile-nav{height:calc(76px + env(safe-area-inset-bottom));padding:5px 6px calc(5px + env(safe-area-inset-bottom));overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(74px,1fr);grid-auto-flow:column;display:grid;overflow:auto hidden}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{scroll-snap-align:center;min-height:58px}.mobile-nav button small{font-size:10px;line-height:1.25}.mobile-nav button span{font-size:20px}.hero>div{padding:30px clamp(20px,6vw,34px)}.hero-card img{aspect-ratio:59/100;width:min(100%,250px);height:auto}.lesson-list,.spread-menu{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;width:100%;padding-bottom:5px}.lesson-list button,.spread-menu button{scroll-snap-align:start;flex-basis:min(82vw,310px)}.deck-grid,.reading-cards{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.spread-detail,.card-detail,.editor,.builder-form,.builder-preview,.guided-panel{padding:clamp(14px,4vw,22px)}.spread-map-scroll{overflow:visible}.visual-spread-map,.builder-preview .visual-spread-map{aspect-ratio:680/610;width:100%;height:auto;min-height:0;margin:16px auto;transform:none}.visual-spread-map .spread-position{border-width:2px;width:clamp(42px,12vw,70px);min-height:clamp(60px,17vw,99px);padding:3px}.visual-spread-map .spread-position img{width:clamp(27px,7.5vw,48px)}.visual-spread-map .spread-position>span{width:18px;height:18px;font-size:9px}.visual-spread-map .spread-position strong,.reading-spread-map .spread-position strong{font-size:clamp(7px,2.2vw,10px)}.visual-spread-map .spread-position small,.reading-spread-map .spread-position small{display:none}.reading-map-wrap{overflow:hidden}.all-reading-list>article{grid-template-columns:minmax(108px,.34fr) 1fr}.viewer-panel{height:calc(100dvh - 76px - env(safe-area-inset-bottom))}.viewer-head{height:auto;min-height:64px}.viewer-controls button{min-height:44px;font-size:13px}}@media (width<=560px){.profile>div{display:none}.metric-grid,.quality-grid{grid-template-columns:1fr 1fr}.all-reading-list>article{grid-template-columns:1fr}.all-reading-image{width:min(220px,72vw);margin:auto}.builder-position-list,.draw-mode{grid-template-columns:1fr}.viewer-head{padding-inline:14px}.viewer-head strong{font-size:14px}}.source-architecture{border:1px solid var(--line,#ded4d7);background:#ffffffb8;border-radius:24px;margin:24px 0;padding:clamp(18px,3vw,32px)}.learn-tabs{border:1px solid var(--line,#ded4d7);background:#ffffffb8;border-radius:16px;gap:8px;margin:-10px 0 24px;padding:6px;display:flex;overflow-x:auto}.learn-tabs button{white-space:nowrap;border-radius:11px;min-height:44px;padding:9px 16px}.learn-tabs button.active{color:#fff;background:#654a62}.lesson-meta,.position-metadata{flex-wrap:wrap;gap:7px;margin:12px 0 18px;display:flex}.lesson-meta span,.position-metadata span{color:#654a62;background:#f1e8ef;border-radius:999px;padding:6px 10px;font-size:12px}.lesson-content-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.lesson-content-grid article{border:1px solid var(--line,#ded4d7);background:#fff;border-radius:15px;padding:16px}.lesson-content-grid small,.lesson-sources>small{color:#75516e;letter-spacing:.08em;margin-bottom:10px;font-weight:700;display:block}.lesson-content-grid p{margin:8px 0 0}.lesson-content-grid p b{color:#fff;background:#75516e;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:4px;display:inline-grid}.lesson-mistakes{background:#fff7f4!important}.lesson-sources{background:#f6f2ec;border-radius:16px;gap:8px;margin-bottom:18px;padding:16px;display:grid}.lesson-sources a{color:inherit;background:#fff;border-radius:11px;gap:3px;padding:10px 12px;text-decoration:none;display:grid}.lesson-sources a span{color:#6f666b;font-size:12px;line-height:1.5}.practice-divider{color:#75516e;letter-spacing:.08em;align-items:center;gap:12px;margin:24px 0 16px;font-size:12px;font-weight:700;display:flex}.practice-divider:before,.practice-divider:after{content:"";background:var(--line,#ded4d7);flex:1;height:1px}.manual-intro{max-width:820px;margin-bottom:22px}.manual-intro small{color:#75516e;letter-spacing:.12em;font-weight:700}.manual-intro h2{font-family:var(--font-serif,serif);margin:8px 0 10px;font-size:clamp(28px,4vw,46px);line-height:1.15}.workflow-grid,.decision-grid,.curriculum-source-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;display:grid}.workflow-grid article,.decision-grid article{border:1px solid var(--line,#ded4d7);background:#fff;border-radius:18px;padding:19px}.workflow-grid article>span{color:#a27a94;font-family:var(--font-serif,serif);font-size:28px}.workflow-grid h3,.decision-grid h3{margin:8px 0;font-size:17px}.workflow-grid small{border-top:1px solid var(--line,#ded4d7);color:#75516e;margin-top:12px;padding-top:10px;display:block}.method-checklist,.safety-panel{color:#fff;background:#554152;border-radius:18px;margin-top:18px;padding:20px}.method-checklist p,.safety-panel p{color:inherit;margin-bottom:0}.safety-panel span{color:#eadfe7;margin-top:10px;display:block}.spread-choice-table{border:1px solid var(--line,#ded4d7);background:#fff;border-radius:18px;margin-top:18px;overflow:hidden}.spread-choice-table>div{border-bottom:1px solid var(--line,#ded4d7);grid-template-columns:1.1fr .75fr 1.6fr;gap:12px;padding:13px 16px;display:grid}.spread-choice-table>div:first-child{color:#fff;background:#654a62}.spread-choice-table>div:last-child{border-bottom:0}.curriculum-source-grid>a{border:1px solid var(--line,#ded4d7);color:inherit;background:#fff;border-radius:18px;padding:18px;text-decoration:none;display:block}.curriculum-source-grid>a>span{color:#8a647d;letter-spacing:.1em;font-size:10px;font-weight:800}.curriculum-source-grid h3{margin:8px 0 3px;font-size:16px}.curriculum-source-grid p{margin-bottom:0}.glossary{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;display:grid}.glossary h2{grid-column:1/-1}.glossary article{background:#f6f2ec;border-radius:14px;padding:14px 16px}.glossary p{margin:4px 0 0}.domain-meanings,.provenance-layers,.spread-selection-help,.practice-method-guide{border:1px solid var(--line,#ded4d7);background:#fff;border-radius:16px}.domain-meanings,.provenance-layers{margin-top:12px}.domain-meanings summary,.provenance-layers summary,.spread-selection-help summary,.practice-method-guide summary{color:#654a62;cursor:pointer;padding:14px 16px;font-weight:700}.domain-meanings>div,.provenance-layers>:not(summary){margin-inline:14px}.domain-meanings article,.provenance-layers article{border-top:1px solid var(--line,#ded4d7);padding:12px 0}.domain-meanings article p,.consensus-box p{margin:5px 0 0}.provenance-layers article{gap:3px;display:grid}.provenance-layers article span,.consensus-box span{color:#746b70;font-size:12px}.consensus-box{background:#f6f2ec;border-radius:12px;margin-bottom:10px;padding:14px}.spread-selection-help,.practice-method-guide{margin-bottom:20px}.spread-selection-help>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;padding:0 14px 14px;display:grid}.spread-selection-help article{background:#f6f2ec;border-radius:12px;padding:13px}.spread-selection-help article strong{color:#75516e;margin-top:5px;display:block}.spread-selection-help article p,.position-question,.position-relations{margin-bottom:0}.practice-method-guide>div{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 14px 14px;display:grid}.practice-method-guide article{background:#f6f2ec;border-radius:12px;gap:9px;padding:12px;display:flex}.practice-method-guide article>span{color:#fff;background:#75516e;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.practice-method-guide p{margin:3px 0 0;font-size:12px!important;line-height:1.5!important}@media (width<=900px){.lesson-content-grid,.glossary{grid-template-columns:1fr}.practice-method-guide>div{grid-template-columns:1fr 1fr}}@media (width<=620px){.learn-tabs{margin-inline:-4px}.lesson-content-grid,.spread-choice-table>div{grid-template-columns:1fr}.spread-choice-table>div:first-child{display:none}.practice-method-guide>div{grid-template-columns:1fr}}.is-reversed{transform:rotate(180deg)}.tarotoo-card-data{background:linear-gradient(145deg,#fff 0%,#f7eff6 100%);border:1px solid #cdb8c8;border-radius:18px;margin:18px 0;padding:16px}.tarotoo-card-data>summary,.tarotoo-card-data details>summary{cursor:pointer;color:#563b55;font-weight:750}.orientation-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.orientation-comparison article{background:#fff;border:1px solid #dfd2dc;border-radius:14px;min-width:0;padding:13px}.orientation-comparison article.reversed{color:#fff;background:#514054}.orientation-comparison article>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.orientation-comparison p{margin:9px 0;line-height:1.6}.orientation-comparison small{overflow-wrap:anywhere;opacity:.75;display:block}.tarotoo-correspondence{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.tarotoo-correspondence span{background:#f0e7ee;border-radius:10px;padding:9px;font-size:12px}.tarotoo-correspondence b{margin-top:3px;display:block}.tarotoo-context-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.tarotoo-context-grid article{background:#fff;border:1px solid #e2d8df;border-radius:12px;padding:12px}.tarotoo-context-grid p{color:#665b62;overflow-wrap:anywhere;margin:4px 0 12px}.tarotoo-all-fields{margin-top:14px}.tarotoo-field-table{gap:8px;margin-top:12px;display:grid}.tarotoo-field-table article{background:#fff;border:1px solid #e2d8df;border-radius:12px;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:5px 14px;padding:11px 12px;display:grid}.tarotoo-field-table b{color:#563b55;grid-row:1/span 2}.tarotoo-field-table p,.tarotoo-field-table small{overflow-wrap:anywhere;margin:0}.tarotoo-field-table p{line-height:1.55}.tarotoo-field-table small{color:#887a83}.translation-status{background:#f3ebf1;border-left:3px solid #80617d;padding:10px 12px}.orientation-mode{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.orientation-mode>small{color:#7e6d77;grid-column:1/-1}.orientation-mode button,.manual-orientations button{color:#3f343b;background:#fff;border:1px solid #d9ccd5;border-radius:12px;min-width:0;padding:10px}.orientation-mode button.active,.manual-orientations button.active{background:#f3eaf1;border-color:#6c4c68;box-shadow:inset 0 0 0 1px #6c4c68}.orientation-mode button b,.orientation-mode button span{display:block}.orientation-mode button span{color:#7b6c75;margin-top:3px;font-size:11px}.manual-orientations{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:7px;margin-top:9px;display:grid}.manual-orientations button{justify-content:center;gap:6px;display:flex}.manual-orientations button.reversed b{display:inline-block;transform:rotate(180deg)}@media (width<=700px){.orientation-comparison,.tarotoo-context-grid{grid-template-columns:1fr}.tarotoo-correspondence{grid-template-columns:repeat(2,minmax(0,1fr))}.tarotoo-field-table article{grid-template-columns:1fr}.tarotoo-field-table b{grid-row:auto}.orientation-mode{grid-template-columns:1fr}}.source-architecture>p{max-width:76ch;line-height:1.75}.source-catalog{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;margin-top:18px;display:grid}.source-catalog>a{border:1px solid var(--line,#ded4d7);min-width:0;color:inherit;background:#fff;border-radius:16px;gap:8px;padding:16px;text-decoration:none;display:grid}.source-catalog>a:hover{border-color:#70516e;transform:translateY(-1px)}.source-catalog span,.source-catalog small{display:block}.source-catalog b{overflow-wrap:anywhere}.source-catalog small,.source-catalog em{color:#756a70;font-size:12px;font-style:normal}.source-catalog p{color:#51494e;margin:0;font-size:14px;line-height:1.55}@media (width<=720px){.source-architecture{border-radius:18px;padding:16px}.source-catalog{grid-template-columns:1fr}}:root{--type-body:clamp(15px, .22vw + 14px, 17px);--type-secondary:clamp(13px, .18vw + 12px, 15px);--type-control:clamp(14px, .16vw + 13px, 16px);--type-label:clamp(12px, .14vw + 11px, 14px)}.page :is(p,li){font-size:var(--type-body)}.page :is(small,label),.page-head small,.section-title small{font-size:var(--type-label)}.page :is(button,input,textarea,select),.practice-method-guide summary,.domain-meanings summary,.provenance-layers summary,.spread-selection-help summary,.tarotoo-card-data summary{font-size:var(--type-control)}.practice-method-guide p{font-size:var(--type-secondary)!important;line-height:1.65!important}.practice-setup{gap:22px;padding:26px}.practice-setup small,.builder-form>small,.builder-preview>small,.guided-panel label,.builder-form label,.position-editor label{font-size:var(--type-label)}.practice-setup p,.practice-setup label>span,.builder-preview>p,.guided-panel p,.compare-banner span{font-size:var(--type-secondary)}.practice-setup textarea,.practice-setup select,.editor textarea,.notes-layout input,.notes-layout textarea{min-height:48px;font-size:var(--type-control);padding:12px 13px;line-height:1.6}.practice-setup textarea{min-height:118px}.topic-row{gap:8px}.topic-row button{min-height:43px;font-size:var(--type-control);padding-inline:14px}.reading-mode button,.orientation-mode button,.draw-mode button,.spread-recommendations button{min-height:58px;padding:11px 13px}.reading-mode b,.orientation-mode button b,.draw-mode b,.spread-recommendations b{font-size:var(--type-control);line-height:1.45}.reading-mode span,.orientation-mode button span,.draw-mode span,.spread-recommendations span{font-size:var(--type-label);line-height:1.55}.spread-recommendations{gap:8px}.spread-recommendations button{border-radius:10px}.primary{min-height:52px;font-size:var(--type-control)}.reading-map-head strong,.all-card-readings .section-title>span,.all-reading-image span,.guided-card span,.all-reading-copy>small,.all-reading-copy article small,.all-reading-copy .position-purpose,.my-interpretation{font-size:var(--type-label)}.all-reading-copy article p,.guided-panel p,.evidence-trace p,.evidence-trace .application-note{font-size:var(--type-secondary)}@media (width>=1440px){.page-head>div{max-width:900px}.practice-setup{grid-template-columns:minmax(330px,1.05fr) minmax(440px,1.25fr) minmax(300px,.9fr)}}@media (width<=700px){.practice-setup{gap:16px;padding:18px}.topic-row button{min-height:44px}}.sync-status.offline{color:#9b5f36}.sync-status.offline i{background:#c87845}.daily-progress{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:18px 0 34px;display:grid}.daily-progress article,.ai-mode,.ai-narrative,.share-reading{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px}.daily-progress small,.daily-progress strong{display:block}.daily-progress strong{margin-top:6px;font:600 clamp(20px,2vw,28px) Noto Serif Thai,serif}.daily-progress p{color:var(--muted);margin:8px 0 16px}.daily-progress button,.share-reading a{color:var(--plum);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-weight:700}.next-review{color:var(--muted);margin-top:10px;display:block}.ai-mode{box-shadow:none;align-items:center;gap:16px;margin:14px 0;display:flex}.ai-mode span{background:var(--lav);color:var(--plum);border-radius:99px;flex:none;padding:8px 12px;font-weight:700}.ai-mode p{color:var(--muted);margin:0}.ai-narrative{background:linear-gradient(145deg,#fff,#f4edf3);margin-top:22px}.ai-narrative>div:first-child small{letter-spacing:.12em;color:var(--plum)}.ai-narrative h2{margin:4px 0 14px;font-family:Noto Serif Thai,serif}.ai-narrative>div:nth-of-type(2){gap:8px;margin:18px 0;display:grid}.ai-narrative>div:nth-of-type(2) p{background:#fff;border-radius:12px;margin:0;padding:12px 14px}.share-reading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;margin-top:22px;display:grid}.share-reading h2,.share-reading p{margin:4px 0}.share-reading label{align-items:center;gap:8px;display:flex}.share-reading>a,.share-reading>span{grid-column:1/-1}.shared-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#211b20d9;padding:24px;position:fixed;inset:0;overflow:auto}.shared-panel{background:var(--paper);border-radius:26px;width:min(1040px,100%);margin:0 auto;padding:clamp(24px,5vw,56px);position:relative;box-shadow:0 30px 100px #0006}.shared-panel>h1{margin:8px 0;font:600 clamp(28px,5vw,52px) Noto Serif Thai,serif}.shared-close{float:right;background:var(--plum);color:#fff;z-index:2;border:0;border-radius:50%;width:44px;height:44px;font-size:28px;position:sticky;top:0}.shared-card-grid{gap:18px;margin:28px 0;display:grid}.shared-card-grid article{background:#fff;border-radius:18px;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px;display:grid}.shared-card-grid article>button{background:0 0;border:0;padding:0}.shared-card-grid img{aspect-ratio:350/600;object-fit:contain;width:100%;display:block}.shared-card-grid h2{margin:4px 0;font-family:Noto Serif Thai,serif}.shared-card-grid p{margin:0}@media (width<=700px){.ai-mode{flex-direction:column;align-items:flex-start}.share-reading{grid-template-columns:1fr}.share-reading>*{grid-column:1}.shared-overlay{padding:0}.shared-panel{border-radius:0;min-height:100%;padding:24px 16px 90px}.shared-card-grid article{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:13px}.shared-card-grid article p{font-size:14px}}