*{box-sizing:border-box;margin:0;padding:0}:root{--background-color:#495056;--surface-color:#3f464c;--primary-color:#d4c1b0;--secondary-color:#54616d;--text-color:#5a2f3e;--accent-color:#f1c1ab;--second-accent-color:#9b717f;--square-0:#5c4b51;--square-1:#5c4b51;--square-2:#af683b;--square-3:#b2953d;--square-4:#637b67;--square-empty:#00000014;--radius:16px;--line:#ffffff1a;--shadow:0 6px 20px #00000038;--tap:44px}html,body{background:var(--background-color);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;height:100%;font-family:"Source Sans 3",Source Sans Pro,system-ui,sans-serif}body{background:radial-gradient(120% 70% at 50% 0%, #5a646e 0%, var(--background-color) 55%, var(--surface-color) 100%) fixed}[hidden]{display:none!important}svg{pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}#container{height:100dvh;height:var(--app-h,100dvh);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;align-items:center;display:flex}@media screen and (width<=600px){body{font-size:14px}html,body{width:100%;height:var(--app-h,100%);position:fixed;inset:0;overflow:hidden}}@media screen and (width<=400px){body{font-size:12px}}header{width:100%;max-width:560px;min-height:60px;padding:env(safe-area-inset-top) 6px 0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.header-side{align-items:center;gap:2px;display:flex}.header-side.end{justify-self:end}.header-btn{width:var(--tap);height:var(--tap);color:var(--primary-color);border-radius:14px;place-items:center;transition:background-color .15s,color .15s;display:grid}.header-btn:hover,.header-btn:active{color:var(--accent-color);background:#ffffff1a}.icon{flex:none;display:block}.pill{height:32px;color:var(--accent-color);background:#ffffff14;border-radius:16px;align-items:center;gap:4px;padding:0 10px 0 8px;font-size:1.05em;font-weight:600;display:flex}.pill:hover{background:#ffffff24}#game{flex-direction:column;flex:1;width:100%;max-width:500px;min-height:0;display:flex}.title{color:var(--primary-color);text-align:center;letter-spacing:.06em;padding:.1em;font-family:Kaisei Opti,serif;font-size:2.2em;font-weight:700}#subtitle{color:var(--primary-color);opacity:.75;text-align:center;letter-spacing:.12em;margin:.8rem 0 .2rem;font-size:.78em;font-weight:600}#cards{scrollbar-width:none;flex-direction:column;flex-grow:1;min-height:0;padding:22px 0 8px;display:flex;overflow-y:auto}#cards::-webkit-scrollbar{display:none}#card-container{--pad:18px;background-color:var(--primary-color);color:var(--text-color);padding:var(--pad);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;flex:none;align-self:stretch;align-items:stretch;gap:14px;margin:auto 12px;display:flex}#verse-wrap{position:relative}.tag{background:var(--text-color);width:40px;height:40px;color:var(--accent-color);border:3px solid var(--background-color);cursor:help;border-radius:50%;grid-column:2;justify-self:center;place-items:center;display:grid;position:relative;box-shadow:0 2px 6px #0000004d}.tag:after{content:attr(data-tip);white-space:nowrap;background:var(--text-color);color:var(--accent-color);opacity:0;pointer-events:none;border-radius:12px;padding:4px 10px;font-size:.85rem;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000004d}.tag:hover:after,.tag:focus-visible:after,.tag:focus:after{opacity:1}#verse-container{text-align:left;white-space:pre-line;cursor:default;min-height:3.2em;font-family:"Source Serif 4",Georgia,serif;font-size:1.2em;line-height:1.5}#results{flex-direction:column;gap:6px;display:flex}#results:not(:empty){border-top:1px solid #5a2f3e26;padding-top:14px}.guess-container{grid-template-columns:1fr 46px 46px;gap:6px;width:100%;display:grid}.square{color:#fff;text-align:center;background-color:var(--square-empty);border-radius:12px;justify-content:center;align-items:center;min-width:0;height:44px;padding:0 6px;font-size:1.2em;font-weight:600;line-height:1;display:flex}.square.book{font-size:1.2em}.square.book.long{font-size:.95em;line-height:1.05}.s0,.s1{background-color:var(--square-0)}.s2{background-color:var(--square-2)}.s3{background-color:var(--square-3);color:#2b2616}.s4{background-color:var(--square-4)}.guess-container.drop .square{animation:.7s cubic-bezier(.3,1.5,.6,1) backwards drop}.guess-container.drop .square:nth-child(2){animation-delay:.3s}.guess-container.drop .square:nth-child(3){animation-delay:.6s}@keyframes drop{0%{opacity:0;transform:translateY(-40px)scaleY(0)}}.square.flip{animation:.7s ease-out backwards flip}@keyframes flip{0%{background-color:var(--square-empty);transform:rotateX(360deg)}}#verse-answer{background-color:var(--secondary-color);text-align:center;color:var(--accent-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:40px;padding:.3em .6em;font-size:1.3em;font-weight:600;display:none;overflow:hidden}.btn{text-align:center;background:var(--accent-color);min-height:48px;color:var(--text-color);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:1.15em;font-weight:600;text-decoration:none;transition:filter .15s,transform .1s;display:flex}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98)}.btn.secondary{color:var(--primary-color);background:#ffffff1a}.btn.quiet{color:var(--accent-color);border:1px solid var(--line);background:0 0}#new-btn{background:var(--text-color);color:var(--primary-color)}#input-container{background-color:var(--surface-color);margin:12px 12px calc(14px + env(safe-area-inset-bottom));box-shadow:var(--shadow);border-radius:22px;align-self:stretch;gap:8px;padding:18px;display:flex}.myDial{text-align:center;min-width:0;font-size:14px}#booksDial{flex:1}#chapterDial{width:calc(var(--digits,2) * var(--digit-w,52px))}#chapterDial.wide{flex:1;width:auto}.myDial .dialWrapper{background:var(--secondary-color);border-radius:14px;height:100px;display:flex;position:relative;overflow:hidden}.myDial .dialWrapper:before{content:"";background:#ffffff1a;border-radius:10px;height:40px;position:absolute;top:30px;left:5px;right:5px}.myDial .dial{z-index:1;color:#c9d2c5;cursor:grab;touch-action:none;outline:none;flex:1;min-width:0;height:100px;font-size:1.5em;position:relative;overflow:hidden}.myDial .dial:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-color)}.myDial .dial.books{width:100%}.myDial .dial ol{list-style:none;position:relative;top:-50px}.myDial .dial ol li{white-space:nowrap;text-overflow:ellipsis;height:40px;padding:0 8px;line-height:40px;display:block;overflow:hidden}@media (width<=440px){#input-container{margin:8px 8px calc(10px + env(safe-area-inset-bottom));border-radius:18px;gap:6px;padding:10px}#chapterDial{width:calc(var(--digits,2) * 36px)}#submit-btn{width:46px}.myDial .dial ol li{padding:0 5px}}.myDial .dial ol li:nth-child(3){color:var(--accent-color);font-weight:600}.myDial .shadow{pointer-events:none;z-index:2;background:linear-gradient(var(--secondary-color) 0%, transparent 38%, transparent 62%, var(--secondary-color) 100%);position:absolute;inset:0}#submit-btn{background-color:var(--accent-color);width:56px;color:var(--text-color);border-radius:14px;flex:none;place-items:center;transition:filter .15s,transform .1s;display:grid}#submit-btn:hover{filter:brightness(1.06)}#submit-btn:active{transform:scale(.96)}#submit-btn:disabled{opacity:.6;cursor:default}.shake{animation:.25s shake}@keyframes shake{25%{transform:translate(-10px)}75%{transform:translate(10px)}}#reason-container{z-index:9999;justify-content:center;display:flex}#reason-box{opacity:0;pointer-events:none;background-color:var(--text-color);color:var(--accent-color);text-align:center;width:max-content;max-width:calc(100vw - 32px);min-height:40px;box-shadow:var(--shadow);left:50%;bottom:calc(150px + env(safe-area-inset-bottom));border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:8px 20px;font-size:1.1em;transition:opacity .2s;display:flex;position:absolute;transform:translate(-50%)}#reason-box.show{opacity:1}#popup-container{z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#popup-bg{-webkit-backdrop-filter:blur(4px);background-color:#0000008c;animation:.2s ease-out fade;position:fixed;inset:0}#popup{background-color:var(--background-color);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;justify-content:flex-start;width:min(560px,100% - 24px);max-height:90dvh;animation:.22s ease-out pop;display:flex;position:relative;overflow:hidden}#popup-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}#popup-scroll::-webkit-scrollbar{display:none}#scroll-thumb{opacity:0;pointer-events:none;z-index:4;background:#fff6;border-radius:2px;width:4px;transition:opacity .3s;position:absolute;right:4px}#scroll-thumb.show{opacity:1}#scroll-more{background:linear-gradient(to bottom, transparent, var(--background-color) 75%);pointer-events:none;z-index:3;border-radius:0 0 24px 24px;justify-content:center;align-items:flex-end;height:64px;padding-bottom:8px;display:flex;position:absolute;bottom:0;left:0;right:0}#scroll-more button{pointer-events:auto;width:34px;height:34px;color:var(--accent-color);background:#0000004d;border-radius:50%;place-items:center;animation:1.6s ease-in-out infinite nudge;display:grid}@keyframes nudge{50%{transform:translateY(3px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes pop-out{to{opacity:0;transform:scale(.96)}}@keyframes fade-out{to{opacity:0}}#popup-container.closing #popup{animation:.16s ease-in forwards pop-out}#popup-container.closing #popup-bg{animation:.16s ease-in forwards fade-out}@keyframes sheet{0%{transform:translateY(100%)}}@media screen and (width<=600px){#popup-container{align-items:flex-end}#popup{width:100%;padding-bottom:env(safe-area-inset-bottom);border-bottom:none;border-radius:24px 24px 0 0;animation:.3s cubic-bezier(.2,.8,.2,1) sheet}#popup-container.closing #popup{animation:.22s ease-in forwards sheet-out}#popup:before{content:"";background:#ffffff40;border-radius:2px;flex:none;width:40px;height:4px;margin:10px auto 0;display:block}}.popup-content{color:var(--primary-color);flex-direction:column;align-items:center;gap:6px;padding:38px 18px 24px;font-size:1.1em;display:flex}.popup-content#popup-stats{align-items:stretch}.separator{border-top:1px solid var(--line);width:80%;margin:14px 0}#close-btn{width:36px;height:36px;color:var(--primary-color);z-index:3;border-radius:12px;place-items:center;display:grid;position:absolute;top:8px;right:8px}#close-btn:hover{background:#ffffff1a}#popup h1.title{letter-spacing:0;padding:.25em 0;font-family:inherit;font-size:1.5em;font-weight:600}#popup h2.title{letter-spacing:0;padding:0;font-family:inherit;font-size:1.15em;font-weight:400}#popup-stats .btn{margin-top:6px}#rules{flex-direction:column;gap:4px;margin:5px 5%;padding-left:1em;list-style:outside;display:flex}#colours{justify-content:center;gap:8px;margin:8px 0;list-style:none;display:flex}#colours .square{width:36px;height:36px;padding:0;font-size:1.2em}#examples{flex-direction:column;align-items:center;gap:14px;width:100%;margin:5px 0;list-style:none;display:flex}#examples li{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}#examples .subtitle{text-align:center;opacity:.85}#examples .square{height:34px;font-size:1.2em}#examples .square.book{font-size:1em}#examples .guess-container{grid-template-columns:1fr 34px 34px;max-width:300px}#popup .square:not(.s0):not(.s1):not(.s2):not(.s3):not(.s4){background:#ffffff1a}.choice{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 20px;display:flex}.choice button{min-height:var(--tap);color:var(--primary-color);border:1px solid var(--line);background:#ffffff0f;border-radius:14px;padding:0 18px;font-size:1.05em}.choice button:hover{background:#ffffff1a}.choice button[aria-checked=true]{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-color);font-weight:600}.hint{text-align:center;opacity:.8;min-height:1.2em;font-size:.85em}#stats{justify-content:center;gap:6px;margin:5px 0;list-style:none;display:flex}#stats li{background-color:#ffffff0f;border-radius:14px;flex-direction:column;flex:1;align-items:center;padding:10px 4px;display:flex}#stats .value{font-size:2.3em;font-weight:600;line-height:1.1}#stats .subtitle{opacity:.85;white-space:pre-line;text-align:center;font-size:.85em;font-weight:600;line-height:1.05em}#history{background-color:#ffffff0f;border-radius:14px;flex-direction:column;gap:4px;margin:5px 0 10px;padding:12px;list-style:none;display:flex}#history li{align-items:center;width:100%;font-size:1.1em;font-weight:600;display:flex}#history .bar-container{flex-grow:1;padding-left:8px}#history .bar{background-color:var(--square-4);color:#fff;border-radius:8px;flex-direction:row-reverse;min-width:24px;display:flex}#history .bar p{margin:0 8px}#popup h1.title #mastery-count{opacity:.7;margin-left:4px;font-size:.7em;font-weight:600}.mslot{aspect-ratio:1;cursor:default;background:0 0;border:2px solid #ffffff38;border-radius:7px;min-width:0;padding:0}.mslot[data-state=green]{background:var(--square-4);border-color:var(--square-4)}.mslot[data-state=yellow]{background:var(--square-3);border-color:var(--square-3)}.mslot[data-state=orange]{background:var(--square-2);border-color:var(--square-2)}.mslot[data-tip]{cursor:help}.mslot{color:var(--accent-color);place-items:center;display:grid}.key-icon{width:var(--s,1em);height:var(--s,1em);-webkit-mask:var(--key-icon) center / contain no-repeat;-webkit-mask:var(--key-icon) center / contain no-repeat;mask:var(--key-icon) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.mslot[data-state]{color:#fff}.mslot[data-state=yellow]{color:#2b2616}.mslot .key-icon{width:80%;height:80%}.mslot.pop-key .key-icon{animation:.7s cubic-bezier(.3,1.6,.6,1) .5s backwards key-pop}@keyframes key-pop{0%{opacity:0;transform:scale(0)rotate(-120deg)}}#mastery-sections .title .count.keys{color:var(--accent-color);opacity:.9;align-items:center;gap:3px;display:inline-flex}.key-legend{color:var(--accent-color);justify-content:center;align-items:center;gap:6px;margin:4px 0 10px;display:flex}.mslot.pop{animation:.7s cubic-bezier(.3,1.5,.6,1) .5s backwards slot-pop}@keyframes slot-pop{0%{background:0 0;border-color:#ffffff38;transform:scale(.4);box-shadow:0 0 #f1c1abcc}60%{transform:scale(1.4);box-shadow:0 0 0 8px #f1c1ab00}to{transform:scale(1)}}#mastery-tip{z-index:1100;pointer-events:none;white-space:nowrap;background:var(--text-color);color:var(--accent-color);border-radius:12px;padding:5px 12px;font-size:.95rem;font-weight:600;position:fixed;box-shadow:0 2px 8px #00000059}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}#chips{left:0;right:0;top:calc(-1 * var(--pad) - 4px);z-index:2;pointer-events:none;grid-template-rows:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:0;display:grid;position:absolute}#chips>*{pointer-events:auto}.chip{background:var(--text-color);min-width:0;max-width:100%;color:var(--accent-color);border:2px solid var(--background-color);white-space:nowrap;text-overflow:ellipsis;border-radius:14px;padding:3px 12px;font-size:.85em;font-weight:600;overflow:hidden;box-shadow:0 2px 6px #0000004d}.chip.left{grid-column:1;justify-self:start}.chip.center{grid-column:2;justify-self:center}.tabs{background:#0000002e;border-radius:14px;gap:4px;margin:4px 0 10px;padding:4px;display:flex}.tabs button{min-height:38px;color:var(--primary-color);border-radius:11px;flex:1;font-weight:600}.tabs button[aria-selected=true]{background:var(--accent-color);color:var(--text-color)}#trophy-count{opacity:.75;font-size:.85em}#days-summary{color:var(--accent-color);background:#ffffff0f;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex}#days-summary>div{align-items:baseline;gap:8px;display:flex}#days-summary b{font-size:2em;line-height:1}#days-summary span{color:var(--primary-color)}#days-summary small{color:var(--primary-color);opacity:.8;margin-left:auto}#calendar{background:#ffffff0f;border-radius:14px;grid-template-columns:repeat(10,1fr);gap:4px;margin:10px 0 4px;padding:10px;display:grid}#calendar .day{aspect-ratio:1;color:var(--primary-color);border:1px solid #ffffff24;border-radius:7px;place-items:center;font-size:.75em;font-weight:600;display:grid}#calendar .day.today{outline:2px solid var(--accent-color);outline-offset:1px}#calendar .day[data-result=played]{background:#f1c1ab38;border-color:#0000}#calendar .day[data-result=green]{background:var(--square-4);color:#fff;border-color:#0000}#calendar .day[data-result=yellow]{background:var(--square-3);color:#2b2616;border-color:#0000}#calendar .day[data-result=orange]{background:var(--square-2);color:#fff;border-color:#0000}#calendar .day[data-result=lost]{background:var(--square-0);color:#fff;border-color:#0000}#trophy-grid{flex-direction:column;gap:8px;display:flex}.trophy{background:#ffffff0f;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.trophy>div{flex-direction:column;gap:2px;min-width:0;display:flex}.trophy b{font-weight:600}.trophy .desc{opacity:.8;font-size:.9em}.trophy .bar{background:#ffffff1f;border-radius:3px;height:6px;margin-top:4px;display:block;overflow:hidden}.trophy .bar i{background:var(--accent-color);border-radius:3px;height:100%;display:block}.trophy small{opacity:.7;font-size:.8em}.medal{color:#2b2616;background:var(--square-3);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.trophy.locked .medal{color:#ffffff80;background:#ffffff1a}.trophy.locked b{opacity:.8}#toasts{top:calc(12px + env(safe-area-inset-top));z-index:1300;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--text-color);color:var(--accent-color);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:12px;padding:10px 14px 10px 10px;transition:opacity .35s,transform .35s;animation:.35s cubic-bezier(.3,1.4,.6,1) toast-in;display:flex}.toast.out{opacity:0;transform:translateY(-12px)}.toast small{opacity:.8;text-transform:uppercase;letter-spacing:.08em;font-size:.75em;display:block}.toast b{font-size:1.1em;font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(-24px)scale(.95)}}#confetti{z-index:1250;pointer-events:none;position:fixed;inset:0;overflow:hidden}#mastery-sections .title .count{opacity:.7;margin-left:4px;font-size:.7em;font-weight:600}#mastery-sections h1.title{margin-top:14px}.mastery-grid{grid-template-columns:repeat(var(--cols,12), 1fr);background-color:#ffffff0f;border-radius:14px;gap:6px;margin:5px 0 10px;padding:12px;display:grid}#verse-container.match{text-align:center;min-height:0;font-family:inherit;font-size:1.6em;font-weight:600}#match-options{flex-direction:column;gap:8px;display:flex}.match-prompt{text-align:center;opacity:.75;margin-bottom:2px;font-size:.9em}.choice-phrase{text-align:left;color:var(--text-color);background:#5a2f3e1a;border:2px solid #0000;border-radius:14px;padding:12px 14px;font-size:1.05em;line-height:1.35;transition:background-color .15s,transform .1s}.choice-phrase:not(:disabled):hover{background:#5a2f3e2e}.choice-phrase:not(:disabled):active{transform:scale(.99)}.choice-phrase.wrong{opacity:.45;text-decoration:line-through}.choice-phrase.right{background:var(--square-4);color:#fff}.choice-phrase:disabled{cursor:default}.class-form{gap:10px;width:100%;margin:8px 0;display:flex}.class-form label{opacity:.9;flex-direction:column;flex:1;gap:4px;font-size:.85em;display:flex}.class-form input,#restore-text{border:1px solid var(--line);min-height:40px;color:var(--primary-color);font:inherit;-webkit-user-select:text;user-select:text;background:#0000002e;border-radius:12px;padding:8px 12px}#class-code{text-transform:uppercase;letter-spacing:.12em}#popup-options .btn{align-self:stretch;margin:6px 0}.choice.vertical{flex-direction:column;align-self:stretch}#backup-restore{align-self:stretch;margin:4px 0 14px}#backup-restore summary{cursor:pointer;text-align:center;opacity:.85;padding:8px 0}#restore-text{resize:vertical;width:100%;margin:6px 0;display:block}@media screen and (width<=600px){.popup-content{gap:4px;padding:24px 14px 16px;font-size:1em}.separator{margin:8px 0}#popup{max-height:88dvh}#close-btn{top:4px;right:6px}}.choice.tiles{flex-wrap:nowrap;align-self:stretch;gap:8px}.choice.tiles button{aspect-ratio:1;text-align:center;overflow-wrap:anywhere;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-width:0;max-height:112px;padding:6px;font-size:.82em;line-height:1.15;display:flex}.choice.tiles button span{max-width:100%}.tile-icon{place-items:center;width:26px;height:26px;display:grid;position:relative}.tile-icon .badge{--s:16px;filter:drop-shadow(0 0 2px var(--surface-color));position:absolute;bottom:-5px;right:-9px}.choice.tiles button[aria-checked=true] .badge{filter:drop-shadow(0 0 2px var(--accent-color))}.choice.tiles.compact button{aspect-ratio:auto;gap:4px;min-height:0;max-height:none;padding:8px 6px}.choice.books{flex-wrap:nowrap;justify-content:center;align-self:stretch;gap:12px}.choice.books button{aspect-ratio:300/382.5;text-align:center;overflow-wrap:normal;text-wrap:balance;background:0 0;border:none;border-radius:0;flex:0 84px;min-width:0;min-height:0;padding:0;font-size:min(.95em,3.5vw);line-height:1.15;display:block;position:relative}.choice.books button:before{content:"";-webkit-mask:var(--book-icon) center / 100% 100% no-repeat;-webkit-mask:var(--book-icon) center / 100% 100% no-repeat;mask:var(--book-icon) center / 100% 100% no-repeat;background:#ffffff1f;position:absolute;inset:0}.choice.books button:hover:before{background:#fff3}.choice.books button span{justify-content:center;align-items:center;display:flex;position:absolute;inset:0 4px 22%}.choice.books button[aria-checked=true]{color:var(--text-color);background:0 0}.choice.books button[aria-checked=true]:before{background:var(--accent-color)}@media (width<=440px){.choice.books button{flex-basis:76px}}.prose{text-align:left;flex-direction:column;align-self:stretch;gap:10px;margin:4px 0 8px;line-height:1.5;display:flex}#popup-about .title:not(h1){font-size:1.5em}#support-btn{align-self:stretch;margin:8px 0;text-decoration:none}.hint.disclaimer{opacity:.65;margin-top:8px;font-size:.78em}