@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-thai-wght-normal.2mpch1k499yu3.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-latin-ext-wght-normal.2q9ujt0zuezoi.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-latin-wght-normal.35tf7dn4ru5k9.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--surface:#151d32;--raised:#1b253c;--ink:#f8f5ef;--muted:#a7aec2;--primary:#d7b878;--on-primary:#231a13;--secondary:#a49bd0;--border:#30384e;--control-border:#667291;--overlay:#040714ba;--accent-line:#6b583a;--well:#101729;--preview:#121a2e;--header:#0d1325;--wash:#272642;--shadow:0 18px 55px #03071178;--sans:"Noto Sans Thai Variable",Tahoma,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf8f3;--surface:#fff;--raised:#f3eef9;--ink:#202437;--muted:#62697b;--primary:#6650a4;--on-primary:#fff;--secondary:#8d642a;--border:#ded9e8;--control-border:#837b97;--overlay:#1f193066;--accent-line:#a28dca;--well:#f5f0fa;--preview:#f0eaf7;--header:#fffdf8;--wash:#ede3f3;--shadow:0 18px 55px #47316d20}*{box-sizing:border-box}html{background:var(--bg);scrollbar-color:var(--border) var(--bg)}body{color:var(--ink);background:var(--bg);font-family:var(--sans);min-width:320px;margin:0;font-size:16px;line-height:1.7}main{min-height:70vh}a{color:inherit;text-decoration:none}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.44}button,input,select,textarea{font:inherit}button{color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}::selection{background:var(--primary);color:var(--on-primary)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{text-wrap:balance;line-height:1.26}h1{letter-spacing:-.025em;font-size:clamp(2.2rem,5vw,3.75rem);font-weight:680}h2{letter-spacing:-.018em;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:640}h3{font-size:1.15rem;font-weight:650}h4{font-size:1rem;font-weight:670}p{color:var(--muted)}svg{flex:none}.wrap,.top-inner{width:min(1180px,100% - 80px);margin-inline:auto}.button{white-space:normal;text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 16px;font-size:.9rem;font-weight:650;line-height:1.35;transition:background .17s,color .17s,border-color .17s,transform .17s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.button-primary:hover:not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.button-primary:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 88%,var(--surface))}}.button-outline{border-color:var(--control-border);color:var(--ink);background:0 0}.button-outline:hover:not(:disabled),.button-outline[aria-pressed=true]{border-color:var(--accent-line);color:var(--primary)}.button-ghost,.button-icon{color:var(--muted);background:0 0}.button-ghost:hover:not(:disabled),.button-icon:hover:not(:disabled),.button-icon[aria-pressed=true]{background:var(--raised);color:var(--primary)}.button-icon{min-width:44px;padding:8px}.text-link,.hero-practice{color:var(--primary);align-items:center;gap:8px;min-height:44px;font-weight:650;display:inline-flex}.text-link:hover,.hero-practice:hover{text-underline-offset:5px;text-decoration:underline}.muted{color:var(--muted)}.skip{z-index:100;background:var(--primary);color:var(--on-primary);padding:10px;position:fixed;top:8px;left:12px;transform:translateY(-140%)}.skip:focus{transform:none}.topbar{background:var(--header);border-bottom:1px solid var(--border);z-index:10;position:relative}.top-inner{justify-content:space-between;align-items:center;gap:24px;min-height:70px;display:flex}.brand{white-space:nowrap;align-items:center;gap:11px;font-size:1.16rem;font-weight:750;display:inline-flex}.brand>span:last-child>span{color:var(--primary)}.brand-mark{width:35px;height:35px;color:var(--primary);border:1px solid var(--accent-line);background:var(--primary);border-radius:10px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.brand-mark{background:color-mix(in srgb,var(--primary) 8%,transparent)}}.main-nav,.top-actions{align-items:center;gap:5px;display:flex}.main-nav a{min-height:70px;color:var(--muted);white-space:nowrap;align-items:center;padding:0 15px;font-size:.9rem;font-weight:620;display:flex;position:relative}.main-nav a[aria-current=page],.main-nav a:hover{color:var(--primary)}.main-nav a[aria-current=page]:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:0;left:15px;right:15px}.menu-button{display:none}.page-enter{animation:.3s ease-out both page-in}@keyframes page-in{0%{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:none}}.hero{border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 77% 53%,var(--wash),transparent 49%),var(--bg);position:relative;overflow:hidden}.hero-inner{grid-template-columns:1.05fr 1fr;align-items:center;min-height:536px;display:grid}.hero-copy{z-index:1;padding:56px 0 46px}.hero-copy h1{letter-spacing:-.038em;text-wrap:initial;font-size:clamp(2.5rem,4.75vw,4.3rem);font-weight:680;line-height:1.2}.hero-copy h1 strong{color:var(--primary);font-weight:720}.hero-copy h1 span{white-space:nowrap;font-size:.78em;font-family:var(--sans)}@media (max-width:360px){.hero-copy h1 span{white-space:normal}}.hero-copy p{max-width:35rem;margin:22px 0 27px;font-size:1.07rem;line-height:1.85}.hero-actions,.work-tools{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.hero-actions .button{min-height:49px;padding-inline:17px}.hero-practice{color:var(--muted);margin-top:11px;font-size:.88rem}.hero-visual{isolation:isolate;place-items:center;height:490px;display:grid;position:relative}.hero-card{transform-origin:50% 82%;width:30%;max-width:171px;box-shadow:var(--shadow);border:1px solid var(--primary);border-radius:9px;position:absolute;top:19%;left:50%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-card{border:1px solid color-mix(in srgb,var(--primary) 52%,transparent)}}.hero-card{animation:.65s cubic-bezier(.16,1,.3,1) backwards hero-in}.hero-card .card-art{width:100%;display:block}.hero-card-0{--card-turn:-16deg;--card-shift:-118%;transform:translateX(var(--card-shift)) translateY(19px) rotate(var(--card-turn));filter:brightness(.86);animation-delay:70ms}.hero-card-1{--card-turn:-2deg;--card-shift:-50%;transform:translateX(var(--card-shift)) rotate(var(--card-turn));z-index:2;animation-delay:.14s}.hero-card-2{--card-turn:14deg;--card-shift:20%;transform:translateX(var(--card-shift)) translateY(22px) rotate(var(--card-turn));filter:brightness(.9);animation-delay:.21s}@keyframes hero-in{0%{opacity:0;transform:translate(-50%)translateY(24px)rotate(0)}}.orbit{aspect-ratio:1;border:1px solid var(--accent-line);opacity:.36;border-radius:50%;width:78%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.orbit-two{opacity:.25;width:66%}.orbit-three{opacity:.2;border-style:dashed;width:86%}.orbit-axis{background:linear-gradient(90deg,transparent,var(--accent-line),transparent);width:96%;height:1px;position:absolute;top:48%}.star{color:var(--primary);stroke-width:1.15px;position:absolute}.star-left{top:27%;left:8%}.star-right{top:24%;right:9%}.star-dot{background:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;bottom:25%;right:9%}.visual-caption{color:var(--muted);letter-spacing:.03em;font-size:.82rem;position:absolute;bottom:6%}.home-section{padding-block:52px 28px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;display:flex}.section-heading p{margin-top:6px}.spread-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.spread-tile{border:1px solid var(--border);background:var(--surface);border-radius:14px;transition:border-color .18s,transform .18s;animation:.21s ease-out page-in;display:block;position:relative;overflow:hidden}.spread-tile:hover{border-color:var(--accent-line);transform:translateY(-3px)}.spread-tile>a{height:100%;display:block}.spread-tile>a:focus-visible{outline-offset:-4px}.preview-surface{border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 50% 75%,var(--wash),transparent 68%),var(--preview);place-items:center;height:152px;display:grid;position:relative;overflow:hidden}.preview-surface:before,.preview-surface:after{content:"";border:1px solid var(--accent-line);opacity:.26;pointer-events:none;border-radius:50%;width:68%;height:80%;position:absolute}.preview-surface:after{opacity:.12;width:86%;height:100%}.spread-preview{z-index:1;width:68%;height:108px;transition:transform .22s;overflow:visible}.spread-tile:hover .spread-preview{transform:scale(1.06)}.spread-preview rect{fill:var(--surface);stroke:var(--secondary);stroke-width:1.4px}.spread-preview rect.preview-highlight{stroke:var(--primary);fill:var(--primary)}@supports (color:color-mix(in lab, red, red)){.spread-preview rect.preview-highlight{fill:color-mix(in srgb,var(--primary) 10%,var(--surface))}}.spread-preview rect.preview-highlight{stroke-width:2px}.spread-preview path{fill:none;stroke:var(--primary);opacity:.8}.spread-preview circle{fill:var(--primary)}.tile-copy{padding:17px 19px 20px}.tile-copy h2,.tile-copy h3{margin:5px 0 6px;font-size:1.15rem}.tile-copy p{font-size:.9rem;line-height:1.55}.tile-meta{color:var(--primary);font-size:.81rem;font-weight:650}.favorite{background:var(--surface);position:absolute;top:8px;right:8px}.library-home{border-block:1px solid var(--border);grid-template-columns:.8fr 1fr;align-items:center;gap:35px;margin-top:35px;padding-block:40px;display:grid}.library-home p{max-width:45ch;margin:12px 0 6px}.section-icon{color:var(--primary);margin-bottom:10px}.library-fan{justify-content:center;gap:12px;display:flex}.library-fan a{min-width:0;max-width:105px;transition:transform .2s}.library-fan a:hover{transform:translateY(-6px)rotate(-2deg)}.library-fan img{border-radius:7px}.how-grid{grid-template-columns:repeat(3,1fr);gap:26px;margin:12px 0 28px;padding:0;list-style:none;display:grid}.how-grid li{border-top:1px solid var(--border);padding:20px 0}.how-grid svg{color:var(--primary);margin-bottom:12px}.how-grid p{margin-top:6px}footer{border-top:1px solid var(--border);background:var(--header);margin-top:52px}.footer-row{justify-content:space-between;align-items:center;gap:20px;min-height:118px;padding-block:24px;display:flex}.footer-row p{margin-top:6px;font-size:.85rem}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a{color:var(--muted);align-items:center;gap:6px;min-height:44px;font-size:.88rem;display:flex}.inner-page{padding-top:44px}.page-heading{margin-bottom:27px}.page-heading p:not(.tile-meta){max-width:65ch;margin-top:8px}.breadcrumb{margin-bottom:12px}.filters,.reading-options{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.search-field{border:1px solid var(--control-border);background:var(--surface);min-height:44px;color:var(--muted);border-radius:8px;flex:230px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;outline:0;padding:8px 0}.search-field:focus-within{outline:2px solid var(--primary);outline-offset:2px}.select-field,.reading-options>label:not(.inline-check),.reading-notes>label{gap:5px;font-size:.88rem;font-weight:630;display:grid}select,.reading-options input:not([type=checkbox]),textarea{border:1px solid var(--control-border);background:var(--surface);min-height:44px;color:var(--ink);border-radius:8px;width:100%;padding:7px 11px}::placeholder{color:var(--muted);opacity:1}.results{align-items:center;gap:8px;margin:14px 0;font-size:.86rem;display:flex}.empty{border:1px dashed var(--border);text-align:center;border-radius:14px;padding:32px 22px}.empty>svg{color:var(--primary);margin:0 auto 10px}.empty p{margin:8px 0 14px}.mode-picker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mode-picker p{font-size:.9rem}.deck-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;display:grid}.deck-item{border:1px solid var(--control-border);background:var(--surface);text-align:center;content-visibility:auto;contain-intrinsic-size:auto 235px;border-radius:11px;align-content:start;gap:6px;min-width:0;padding:8px;font-size:.84rem;line-height:1.35;transition:transform .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.deck-item:hover:not(:disabled){border-color:var(--accent-line);transform:translateY(-3px)}.deck-item[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.deck-item small{color:var(--muted);font-size:.71rem}.card-art{aspect-ratio:300/527;object-fit:contain;border-radius:inherit;width:100%;height:auto;display:block}.card-art.is-reversed{transform:rotate(180deg)}.card-detail{grid-template-columns:minmax(175px,290px) minmax(0,1fr);gap:clamp(22px,6vw,75px);display:grid}.card-detail figure{align-self:start;max-width:290px}.card-detail figure img{border-radius:12px}.card-detail figcaption{color:var(--muted);margin-top:7px;font-size:.8rem}.card-detail article>p:not(.tile-meta){margin:10px 0 15px}.card-detail article>h2{margin-top:24px;font-size:1.35rem}.english-title{font-size:1.25rem}.meaning-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0;display:grid}.meaning-grid section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px}.meaning-grid h2{margin-bottom:7px;font-size:1.15rem}.context-list{margin:10px 0}.context-list>div{border-bottom:1px solid var(--border);grid-template-columns:135px 1fr;gap:12px;padding-block:8px;display:grid}.context-list dd{color:var(--muted)}.chips{flex-wrap:wrap;gap:6px;margin:9px 0;display:flex}.chips span{background:var(--raised);color:var(--primary);border-radius:99px;padding:3px 9px;font-size:.78rem}.work-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.work-heading .tile-meta{margin-bottom:5px}.work-tools>.muted{font-size:.86rem}.reading-options>label:first-child{flex:270px}.actions-line{margin:12px 0}.inline-check{white-space:nowrap;align-items:center;gap:7px;min-height:44px;font-size:.87rem;display:flex}input[type=checkbox],input[type=radio]{accent-color:var(--primary);flex:none;width:17px;height:17px}.work-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;gap:20px;display:grid}.canvas-panel,.interpret-panel,.reading-notes,.tutorial-bar,.settings-box,.progress-box{border:1px solid var(--border);background:var(--surface);border-radius:14px}.canvas-toolbar{justify-content:space-between;align-items:center;gap:4px;padding:5px 10px 5px 15px;font-size:.87rem;display:flex}.canvas-toolbar>div{display:flex}.canvas-view{height:clamp(250px,calc(515px / var(--canvas-ratio)),610px);background:radial-gradient(ellipse at center,var(--wash),transparent 75%),var(--well);isolation:isolate;position:relative;overflow:hidden}.canvas-view.can-pan{cursor:grab;touch-action:none}.canvas-view.can-pan:active{cursor:grabbing}.canvas-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.canvas-svg ellipse{fill:none;stroke:var(--accent-line);opacity:.35;stroke-dasharray:3 6}.cards-layer{pointer-events:none;position:absolute;inset:0}.canvas-slot{position:absolute}.slot-motion{width:100%;height:100%}.slot{border:1px solid var(--secondary);background:var(--surface);color:var(--muted);pointer-events:auto;border-radius:8px;place-items:center;width:100%;height:100%;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative}.slot:has(.flip-inner){perspective:750px}.slot:hover{border-color:var(--primary);box-shadow:0 6px 21px var(--primary);transform:translateY(-3px)scale(1.03)}@supports (color:color-mix(in lab, red, red)){.slot:hover{box-shadow:0 6px 21px color-mix(in srgb,var(--primary) 20%,transparent)}}.slot.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary);color:var(--primary);animation:.33s ease-out select-pulse}@keyframes select-pulse{0%{box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 30%,transparent)}}.slot-number{border:1px solid var(--accent-line);border-radius:50%;place-items:center;width:27px;height:27px;font-size:14px;font-weight:700;display:grid}.flip-inner,.flip-back,.flip-face{border-radius:inherit;display:block;position:absolute;inset:0}.flip-inner{transform-style:preserve-3d}.flip-back,.flip-face{backface-visibility:hidden;overflow:hidden}.flip-face{transform:rotateY(180deg)}.flip-face .card-art{object-fit:contain;height:100%}.card-back{border-radius:inherit;background:radial-gradient(ellipse,var(--wash),var(--raised));border:1px solid var(--accent-line);width:100%;height:100%;color:var(--primary);place-items:center;padding:5px;display:grid}.card-back>span{border:1px solid var(--accent-line);border-radius:5px;justify-content:center;align-items:center;gap:1px;width:100%;height:100%;display:flex}.shuffle-stack{pointer-events:none;z-index:3;place-items:center;display:grid;position:absolute;inset:0}.shuffle-stack>div{border:1px solid var(--primary);width:69px;height:117px;box-shadow:var(--shadow);border-radius:8px;grid-area:1/1}.position-list{flex-wrap:wrap;gap:4px;padding:9px;display:flex}.position-list button{color:var(--muted);border-radius:7px;align-items:center;gap:6px;min-height:44px;padding:4px 8px;font-size:.81rem;display:inline-flex}.position-list button:hover,.position-list button[aria-pressed=true]{background:var(--raised);color:var(--primary)}.position-list button>span:first-child,.position-heading>span{border:1px solid var(--accent-line);border-radius:50%;flex:none;place-items:center;width:23px;height:23px;display:grid}.interpret-panel{padding:19px;position:sticky;top:16px}.position-heading{align-items:center;gap:12px;margin-bottom:10px;display:flex}.position-heading>span{width:40px;height:40px;color:var(--primary);font-weight:700}.position-heading small{color:var(--muted);font-size:.76rem}.position-heading h2{font-size:1.4rem}.interpret-panel .work-tools{margin-top:12px}.interpret-result,.position-notes{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.interpret-result h3 small{color:var(--muted);font-weight:500}.interpret-result h4,.position-notes h3{margin:9px 0 3px;font-size:.92rem}.interpret-panel p{font-size:.9rem}.related-reading{margin-top:8px}.tutorial-bar,.reading-notes{margin:13px 0;padding:14px}.tutorial-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tutorial-bar p{font-size:.89rem}.reading-notes textarea{resize:vertical;min-height:90px}.reading-notes .work-tools{margin-top:10px}.spread-notes{border-top:1px solid var(--border);margin-top:18px;padding:10px 0}.spread-notes summary{cursor:pointer;min-height:44px;color:var(--primary);align-items:center;gap:8px;display:flex}.spread-notes p,.spread-notes ul,.spread-notes a{max-width:70ch;margin:7px 0}.spread-notes ul,.summary ul,.summary ol{list-style:revert;padding-left:25px}.spread-notes a{color:var(--primary);text-decoration:underline}.dialog-overlay{background:var(--overlay);z-index:20;animation:.22s ease-out fade-in;position:fixed;inset:0}.dialog-content{z-index:21;background:var(--surface);border:1px solid var(--border);width:min(95vw,530px);max-height:92dvh;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;animation:.24s ease-out dialog-in;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dialog-content[data-state=closed],.dialog-overlay[data-state=closed]{animation:.18s ease-in fade-out}.dialog-wide{width:min(95vw,810px)}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}}.dialog-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:8px;padding:17px 19px;display:flex}.dialog-heading h2{margin-bottom:3px;font-size:1.35rem}.dialog-heading p{font-size:.86rem}.dialog-scroll{min-height:0;padding:0 19px 17px;overflow:auto}.picker-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding:3px}.dialog-actions{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px;padding:12px 19px;display:flex}.dialog-actions>div{gap:8px;margin-left:auto;display:flex}.orientation{border:0;align-items:center;gap:10px;margin:0;padding:0;display:flex}.orientation legend{color:var(--muted);font-size:.78rem}.orientation label{align-items:center;gap:5px;min-height:44px;font-size:.87rem;display:flex}.summary{padding-top:13px}.summary-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.summary section,.saved-note{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.summary p,.summary ul,.summary ol{margin-top:5px}.summary li{margin:5px 0}.saved-note p{white-space:pre-wrap;overflow-wrap:anywhere}.toast{z-index:30;background:var(--raised);border:1px solid var(--accent-line);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:3px 4px 3px 13px;animation:.2s ease-out page-in;display:flex;position:fixed;bottom:16px;right:16px}.guide-index,.lesson,.settings-page{max-width:800px}.progress-box,.settings-box{margin-bottom:18px;padding:17px}.progress-box{justify-content:space-between;align-items:center;gap:10px;display:flex}progress{height:10px;accent-color:var(--primary);max-width:100%}.chapter{margin:24px 0}.chapter h2{margin-bottom:8px;font-size:1.4rem}.chapter ol,.chapter ul{margin:0;padding:0;list-style:none}.chapter li{border-bottom:1px solid var(--border)}.chapter a,.lesson-nav a{min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.chapter a:hover,.lesson-nav a:hover{color:var(--primary)}.chapter a span{align-items:center;gap:6px;display:inline-flex}.lesson article section{margin:18px 0}.lesson article h2{align-items:center;gap:8px;margin-bottom:5px;font-size:1.34rem;display:flex}.lesson-body{font-size:1.13rem;line-height:1.9}.exercise{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:15px}.lesson-nav{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:25px;display:flex}.settings-box h2{align-items:center;gap:8px;margin-bottom:10px;font-size:1.28rem;display:flex}.settings-box>.work-tools{margin-top:11px}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.saved-list article{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 0;display:grid}.saved-list article>svg{color:var(--primary)}.saved-list h2{font-size:1.18rem}.saved-list small{color:var(--muted)}.saved-list p,.summary-top p{overflow-wrap:anywhere}.skeleton{background:linear-gradient(110deg,var(--surface) 25%,var(--raised) 48%,var(--surface) 72%);background-size:230% 100%;border-radius:14px;height:230px;margin-top:12px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-230% 0}}@media (max-width:1050px){.wrap,.top-inner{width:calc(100% - 48px)}.main-nav a{padding-inline:9px}.main-nav a[aria-current=page]:after{left:9px;right:9px}.top-inner{gap:11px}.deck-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-inner{min-height:480px}.hero-visual{height:420px}}@media (max-width:760px){.wrap,.top-inner{width:calc(100% - 32px)}.top-inner{min-height:62px}.menu-button{display:inline-flex}.top-actions{gap:0}.main-nav{background:var(--header);border-bottom:1px solid var(--border);padding:8px 16px 12px;display:none;position:absolute;top:100%;left:0;right:0}.main-nav.is-open{display:grid}.main-nav a{min-height:44px}.main-nav a[aria-current=page]:after{width:24px;right:auto}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:36px 0 4px}.hero-copy h1{font-size:clamp(2.4rem,8.8vw,3.5rem)}.hero-copy p{margin:14px 0 18px}.hero-visual{justify-self:center;width:min(100%,470px);height:clamp(270px,78vw,420px)}.hero-card{width:29%;max-width:145px;top:13%}.orbit{width:min(70%,300px)}.orbit-two{width:min(59%,252px)}.orbit-three{width:min(77%,335px)}.home-section{padding-top:34px}.spread-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-surface{height:116px}.spread-preview{height:85px}.tile-copy{padding:12px}.library-home{grid-template-columns:1fr;gap:14px}.how-grid{grid-template-columns:1fr;gap:0}.footer-row{flex-direction:column;align-items:start;gap:7px}.deck-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.work-grid{grid-template-columns:1fr}.interpret-panel{position:static}.canvas-view{height:clamp(240px,calc(300px / var(--canvas-ratio)),520px)}.inner-page{padding-top:26px}.work-heading{flex-direction:column;align-items:start;gap:9px}.card-detail{grid-template-columns:minmax(115px,26vw) minmax(0,1fr)}}@media (max-width:480px){.brand{gap:6px;font-size:1rem}.brand-mark{width:29px;height:29px}.top-actions .button-icon{min-width:44px;padding:6px}.section-heading{align-items:start}.section-heading .text-link{white-space:nowrap;font-size:.8rem}.deck-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-detail{grid-template-columns:1fr}.card-detail figure{width:155px}.canvas-toolbar{padding-left:7px}.canvas-toolbar>span .muted{display:none}.canvas-toolbar .button-icon{padding:4px}.dialog-sheet{border-radius:16px 16px 0 0;width:100%;max-height:95dvh;animation:.27s cubic-bezier(.16,1,.3,1) sheet-in;top:auto;bottom:0;left:0;transform:none}.dialog-actions,.dialog-heading,.dialog-scroll{padding-inline:12px}.saved-list article{grid-template-columns:minmax(0,1fr) auto auto;gap:5px}.saved-list article>svg{display:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (pointer:coarse){.slot:before{content:"";position:absolute;inset:-10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.page-enter,.hero-card,.spread-tile,.slot.is-selected,.dialog-overlay,.dialog-content,.dialog-sheet,.toast,.skeleton{animation:none!important}.spread-tile:hover,.spread-tile:hover .spread-preview,.library-fan a:hover,.deck-item:hover,.deck-item:hover:not(:disabled),.slot:hover,.button:hover:not(:disabled),.button:active:not(:disabled){transform:none!important}.button,.spread-tile,.spread-preview,.library-fan a,.deck-item,.slot{transition:opacity .14s,background-color .14s,color .14s,border-color .14s,box-shadow .14s!important}.skeleton{border:1px solid var(--border);background:var(--surface)}}[data-reduce=true]{scroll-behavior:auto!important}[data-reduce=true] :is(.page-enter,.hero-card,.spread-tile,.slot.is-selected,.dialog-overlay,.dialog-content,.dialog-sheet,.toast,.skeleton){animation:none!important}[data-reduce=true] :is(.spread-tile:hover,.spread-tile:hover .spread-preview,.library-fan a:hover,.deck-item:hover,.deck-item:hover:not(:disabled),.slot:hover,.button:hover:not(:disabled),.button:active:not(:disabled)){transform:none!important}[data-reduce=true] :is(.button,.spread-tile,.spread-preview,.library-fan a,.deck-item,.slot){transition:opacity .14s,background-color .14s,color .14s,border-color .14s,box-shadow .14s!important}[data-reduce=true] .skeleton{border:1px solid var(--border);background:var(--surface)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}