@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f2f0e9;background:#141414;font-synthesis:none;line-height:1.6;font-size:16px;color-scheme:dark;--paper: #f2f0e9;--muted: #b8b7b1;--line: #494946;--panel: #1d1d1c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #77776f;border-radius:8px;padding:.7rem 1rem;background:#292928;color:var(--paper);font-weight:600;min-height:46px}button:hover{background:#3a3a37;border-color:var(--paper)}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:clamp(2.7rem,5.6vw,4.7rem);letter-spacing:-.04em;margin-bottom:1.15rem}h2{font-size:1.5rem;letter-spacing:-.025em;font-weight:600}p{margin-bottom:1rem}button{transition:background .15s,border-color .15s}.small,small{font-size:.85rem;color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--muted);margin-bottom:1rem}.site-header{max-width:1240px;padding:30px 38px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:700;letter-spacing:.09em;font-size:1rem}.brand-sub{display:block;letter-spacing:.14em;font-size:.54rem;color:var(--muted);margin-top:2px}.brand-mark{width:44px;height:47px;border:2px solid var(--paper);border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:29px;transform:rotate(-5deg);box-shadow:3px 3px #777;letter-spacing:-6px;padding-right:5px}.brand-mark span{font-size:19px;margin-top:13px}nav{display:flex;gap:8px}.nav-button{border:0;background:none;color:var(--muted);font-size:.85rem;padding:10px 16px}.nav-button[aria-current]{background:#2a2a28;color:var(--paper)}main{max-width:1240px;margin:auto;padding:0 38px 64px;min-height:75vh}main:focus{outline:none}.status:empty{display:none}.status:not(:empty){padding:14px 20px;margin-top:20px;border:1px solid var(--line);border-radius:8px}.notice{padding:16px;border:2px solid #dfd9c9;border-radius:10px;margin-top:20px;background:#292827;overflow-wrap:anywhere}.library-hero{display:flex;justify-content:space-between;align-items:center;padding:64px 32px 67px 0;gap:32px}.library-hero .eyebrow{margin-bottom:20px}.heading-dot{color:#9c9b92}.intro{font-size:1.05rem;line-height:1.7;color:var(--muted);max-width:48ch}.library-hero .intro{margin-bottom:0}.card-drawing{position:relative;width:280px;height:215px;flex-shrink:0}.draw-card{position:absolute;width:132px;height:164px;border:3px solid #141414;border-radius:17px;background:var(--paper);box-shadow:0 0 0 2px var(--paper)}.back-card{top:20px;left:83px;transform:rotate(15deg);background:#9b9b91}.front-card{top:10px;left:55px;transform:rotate(-10deg);box-shadow:5px 6px #0a0a0a,0 0 0 2px var(--paper);color:#141414}.star{position:absolute;top:5px;left:12px;font-size:27px}.eyes{display:flex;gap:13px;position:absolute;top:57px;left:34px}.eyes i{display:block;background:#141414;width:15px;height:28px;border-radius:50%;transform:rotate(7deg)}.eyes i:after{content:"";display:block;width:6px;height:8px;border-radius:50%;background:var(--paper);margin-left:8px}.smile{position:absolute;width:40px;height:22px;border:3px solid #141414;border-top:0;border-radius:0 0 80% 70%;top:89px;left:40px}.card-line{position:absolute;bottom:20px;width:58px;border-top:3px solid #141414;left:32px;border-radius:50%}.spark{position:absolute;font-size:36px}.one{top:-9px;right:16px}.two{bottom:34px;left:7px;font-size:22px}.drawing-label{font-size:.6rem;font-weight:700;letter-spacing:.17em;position:absolute;bottom:-6px;left:44px;transform:rotate(-5deg);color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:8px;font-size:.64rem}.section-heading h2{margin-bottom:0}.count{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font:500 .75rem DM Sans,sans-serif;vertical-align:middle;margin-left:7px;color:var(--muted)}.deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.deck-button{display:flex;flex-direction:column;text-align:left;border:1px solid #55554f;border-radius:14px;padding:25px;background:var(--panel);min-height:230px;box-shadow:0 4px #090909;font-weight:400}.deck-button:hover{background:#272725;box-shadow:0 5px #090909}.deck-top{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:22px}.deck-index{font-family:Georgia,serif;font-style:italic;font-size:1.45rem;color:#b5b5ac}.deck-tag{font-size:.68rem;border:1px solid var(--line);padding:3px 9px;border-radius:20px;color:#d5d5cf}.deck-name{font-weight:600;font-size:1.2rem;line-height:1.45;display:block;margin-bottom:24px;overflow-wrap:anywhere}.deck-action{font-size:.75rem;display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:12px;color:var(--muted);align-items:center}.deck-action span{font-size:1.3rem;line-height:1}.import-tile{border:1px dashed #71716a;border-radius:14px;padding:26px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;background:#191918;gap:8px}.import-icon{font-size:29px;line-height:1;margin-bottom:8px}.import-tile h3{font-size:1.05rem;margin-bottom:0}.import-tile p{font-size:.8rem;color:var(--muted);margin:0 0 5px}.primary{background:var(--paper);color:#161615;border:2px solid var(--paper);box-shadow:3px 3px #66665e}.primary:hover{background:#fff;border-color:#fff;color:#000}.import-tile .primary{font-size:.85rem}.file-label{font-size:.75rem;margin-top:12px;color:var(--muted)}input[type=file]{font-size:.75rem;max-width:100%;width:100%}input::file-selector-button{font:inherit;color:var(--paper);background:#30302e;border:1px solid #777;border-radius:4px;padding:8px;margin-right:8px;cursor:pointer}.import-tile .small{font-size:.65rem;margin-top:4px}.deck-downloads{margin-top:28px;padding:18px 22px;border:1px solid var(--line);border-radius:10px}.deck-downloads summary{cursor:pointer;font-weight:600}.deck-downloads[open] summary{margin-bottom:16px}.deck-downloads ul{padding-left:24px;margin-bottom:0}.deck-downloads li+li{margin-top:10px}.empty-note{color:var(--muted);margin-top:24px}.local-note{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-top:1px solid var(--line);margin:40px 0 12px}.local-note>span{font-size:30px;line-height:1.3}.local-note h2{font-size:.85rem;letter-spacing:0;margin-bottom:6px}.local-note p{font-size:.78rem;color:var(--muted);max-width:83ch;margin:0}.history{margin-top:32px}.history ul{padding:0;list-style:none}.history-button{display:flex;justify-content:space-between;gap:15px;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:.9rem}.history-button span+span{color:var(--muted);font-size:.8rem}.site-footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:24px;padding:24px 38px 32px;font-size:.66rem;color:var(--muted)}.site-footer span span{margin:0 8px}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:10;background:#fff;color:#000;padding:12px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.study-view,.results{max-width:1000px;margin:0 auto;padding-top:32px}.study-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}.study-panel{border:1px solid var(--line);border-radius:10px;padding:16px;margin:20px 0;background:var(--panel)}.study-panel .button-row{margin:24px 0 0}.study-pane{height:32rem;background:#141414;border:1px solid #77776f;border-radius:8px}.keyboard-study{height:100%}.keyboard-study[hidden]{display:none}.study-reader{display:block;width:100%;height:100%;min-height:0;margin:0;padding:24px;font:inherit;line-height:1.7;color:var(--paper);background:transparent;border:0;border-radius:8px;resize:none;overflow-y:auto;overscroll-behavior:contain;caret-color:transparent}.study-reader::selection{color:inherit;background:transparent}.formatted-reader{height:100%;overflow:auto;overscroll-behavior:contain;padding:24px;border-radius:8px}.formatted-reader h2{font-size:1rem;margin-bottom:18px}.formatted-reader .card-content{font-size:1rem;line-height:1.7}.text-button{padding:6px 0;background:transparent;border:0;font-size:.85rem;text-align:left}.study-title{font-family:DM Sans,Arial,sans-serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;letter-spacing:-.035em;max-width:35ch}.study-view .eyebrow{margin-bottom:8px}progress{display:block;width:100%;height:6px;margin:28px 0;background:#444;color:var(--paper);accent-color:var(--paper);border:0;border-radius:10px}progress::-webkit-progress-bar{background:#41413d;border-radius:10px}progress::-webkit-progress-value{background:var(--paper);border-radius:10px}.card-content{font-size:1.2rem;line-height:1.85;overflow-wrap:anywhere;min-height:45px}.card-content img{max-width:100%;height:auto;display:block;background:#fff;margin:18px 0}.card-content small{display:block}.card-content pre{white-space:pre-wrap}.card-content hr{border:0;border-top:1px solid var(--line)}.card-content>hr:first-child{display:none}.card-content table{width:auto}.card-content p:last-child{margin-bottom:0}.audio-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.audio-controls button{font-size:.85rem}.reveal{text-align:center;margin:30px 0}.big-button{font-size:1rem;padding:14px 34px}.ratings{margin-top:32px}.ratings h2{font-size:1rem;margin-bottom:18px}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rating-grid button{padding:15px;text-align:left;background:#242421}.rating-grid button:hover{background:#373733}.rating-grid button>span{display:flex;justify-content:space-between;gap:8px}.rating-grid small{font-size:.7rem;display:block;font-weight:400;margin-top:5px}kbd{font-family:inherit;font-size:.7em;border:1px solid #929288;border-radius:4px;padding:1px 6px;font-weight:400;white-space:nowrap}.big-button kbd{margin-left:15px}.audio-controls kbd{margin-left:10px}.shortcut-status{margin-top:30px}.results h1{font-size:3.7rem}.results-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0 20px}.score-panel{background:var(--paper);color:#161615;border-radius:16px;padding:32px;box-shadow:5px 5px #727268;display:flex;flex-direction:column;justify-content:center}.score-panel .eyebrow{color:#454540;font-size:.7rem}.score-panel p{font-size:1.1rem;margin:0 0 8px}.score-panel strong{display:block;font-family:"DM Serif Display",Georgia,serif;font-size:5rem;line-height:1.1;font-weight:400;letter-spacing:-.06em}.score-panel>span:last-child{font-size:.8rem}.stats{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:16px}.stats div{border:1px solid var(--line);border-radius:12px;padding:20px}.stats dt,.rating-summary dt{font-size:.78rem;color:var(--muted)}dd{margin:0;font-size:1.7rem}.rating-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-block:1px solid var(--line);padding:24px 0;margin:28px 0}.button-row{display:flex;gap:16px;flex-wrap:wrap;margin:30px 0 45px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;text-align:left;font-size:.85rem}caption{text-align:left;padding:16px;background:#242421;font-weight:600}th,td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:#292926}td:nth-child(2){min-width:260px;max-width:480px;overflow-wrap:anywhere}tbody tr:nth-child(2n){background:#1c1c1a}.capitalize{text-transform:capitalize}dialog{color:var(--paper);background:#20201e;border:2px solid #b9b9ad;border-radius:18px;max-width:650px;width:calc(100% - 32px);padding:28px;max-height:90vh;overflow:auto}dialog::backdrop{background:#000b}dialog p{font-size:.88rem;color:#cacac1}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading .eyebrow{margin:0}.dialog-heading button{font-size:24px;line-height:1;background:none;border:0}dialog h2{font-family:"DM Serif Display",Georgia,serif;font-size:2.2rem;font-weight:400;margin:12px 0 20px}.check{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:.9rem}.check input{width:22px;height:22px;accent-color:#fff}fieldset{border:1px solid var(--line);border-radius:8px;margin:22px 0;padding:18px}legend{padding:0 8px;font-size:.85rem}.key-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.key-fields label{font-size:.8rem}.key-fields input{display:block;width:100%;max-width:68px;margin-top:8px;background:#141414;border:1px solid #8f8f84;border-radius:4px;padding:8px 12px;color:#fff}.key-fields+p{margin:12px 0 0}@media(min-width:850px){.deck-grid:has(.import-tile:only-child){grid-template-columns:1fr}.import-tile:only-child{align-items:center;text-align:center;padding:40px}.import-tile:only-child input{max-width:300px}}@media(max-width:950px){.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-hero{padding-top:50px}.card-drawing{transform:scale(.85);transform-origin:right center;width:230px}.site-header,main,.site-footer{padding-left:25px;padding-right:25px}}@media(max-width:640px){.site-header{flex-direction:column;align-items:flex-start;gap:16px;padding-top:22px;padding-bottom:18px}nav{width:100%;justify-content:space-between}.nav-button{padding:8px 12px}.library-hero{padding:42px 0}.library-hero h1{font-size:2.8rem}.library-hero .eyebrow{font-size:.6rem}.card-drawing{display:none}.section-heading{align-items:start;flex-direction:column;gap:10px}.deck-grid{grid-template-columns:1fr;gap:16px}.deck-button{min-height:215px}.site-footer{flex-direction:column;gap:10px}.study-top{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:28px}.card-content{font-size:1.05rem}.rating-grid{grid-template-columns:repeat(2,1fr)}.results h1{font-size:2.7rem}.results-summary{grid-template-columns:1fr}.rating-summary{grid-template-columns:repeat(2,1fr)}.key-fields{grid-template-columns:repeat(3,1fr)}.history-button{flex-direction:column;gap:4px}.big-button{padding:14px 18px}.big-button kbd{display:block;margin:8px 0 0}dialog{padding:22px}.brand-sub{font-size:.52rem}.local-note{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){button,.deck-button,.study-card,dialog{border:2px solid ButtonText}.primary{color:ButtonText}.card-drawing{display:none}}