@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(./jost-latin-ext-BDUtSsKd.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(./jost-latin-ObQm3Zd1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karla;font-style:normal;font-weight:200 800;font-display:swap;src:url(./karla-latin-ext-Dq0rrjgs.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Karla;font-style:normal;font-weight:200 800;font-display:swap;src:url(./karla-latin-C3-ma4ov.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karla;font-style:italic;font-weight:200 800;font-display:swap;src:url(./karla-latin-ext-italic-BQfj0R5q.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Karla;font-style:italic;font-weight:200 800;font-display:swap;src:url(./karla-latin-italic-ZTRMUswt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #FAF5E9;--surface: #FFFDF7;--surface-sunken: #F3EAD3;--surface-raised: #EBDDBB;--text: #2B2418;--muted: #6B604C;--border: #E7DCC3;--field-border: #8C7E64;--accent: #E0A526;--accent-hover: #CC9419;--on-accent: #2B2418;--accent-edge: #2B2418;--petrol: #2F5D6B;--petrol-hover: #234853;--on-petrol: #FFFFFF;--clay: #9A5B36;--on-clay: #FFFFFF;--teak: #A8693A;--tint-mustard: #F6E5BC;--on-tint-mustard: #5A3F00;--tint-petrol: #DCE9EC;--on-tint-petrol: #1F4450;--tint-clay: #F3DFD0;--on-tint-clay: #6E3B1C;--stars: #2F5D6B;--rating: var(--text);--toast-bg: #2B2418;--toast-text: #FAF5E9;--scrim: rgba(43, 36, 24, .45);--ring: var(--text);--field-bg: var(--surface);--hover-fill: var(--surface-sunken);--cross-fill: #FFFDF7;--cross-ring: #2B2418;--cross-glow: none;--primary-glow: none;--motif-glow: none;--vignette: .5;--focus: 0 0 0 2px var(--surface), 0 0 0 4px var(--text);--elev-raised: 0 2px 0 var(--border), 0 12px 28px rgba(43, 36, 24, .08);--elev-overlay: 0 24px 60px rgba(43, 36, 24, .28);--hud-shadow: 0 6px 18px rgba(43, 36, 24, .18);--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232B2418' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--font-display: Jost, Futura, "Century Gothic", sans-serif;--font-body: Karla, "Segoe UI", system-ui, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;color-scheme:light}:root[data-mood=night]{--bg: #17120D;--surface: #2B2418;--surface-sunken: #221C14;--surface-raised: #3A3124;--text: #FAF5E9;--muted: #C2B59A;--border: #4A3F30;--field-border: #9C8E72;--accent: #E0A526;--accent-hover: #F0B83A;--on-accent: #2B2418;--accent-edge: transparent;--petrol: #9CC3CD;--petrol-hover: #B7D6DE;--on-petrol: #2B2418;--clay: #E3AE8C;--on-clay: #2B2418;--tint-mustard: #4A3A12;--on-tint-mustard: #F6E5BC;--tint-petrol: #1E3942;--on-tint-petrol: #CFE4EA;--tint-clay: #4A3324;--on-tint-clay: #F3D3BF;--stars: #E0A526;--rating: var(--accent);--toast-bg: #FAF5E9;--toast-text: #2B2418;--scrim: rgba(10, 8, 6, .45);--ring: var(--field-border);--field-bg: var(--surface-sunken);--hover-fill: var(--surface-raised);--cross-fill: #FAF5E9;--cross-ring: #17120D;--cross-glow: 0 0 14px rgba(224, 165, 38, .55);--primary-glow: 0 0 30px rgba(224, 165, 38, .25);--motif-glow: 0 0 34px rgba(224, 165, 38, .35);--vignette: 1;--elev-raised: 0 0 0 1px #4A3F30, 0 12px 28px rgba(0, 0, 0, .4);--elev-overlay: 0 0 0 1px #4A3F30, 0 24px 60px rgba(0, 0, 0, .5);--hud-shadow: 0 0 0 1px #4A3F30, 0 6px 18px rgba(0, 0, 0, .45);--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FAF5E9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font-body)}button,input,select{font:inherit;color:inherit}button,a,input,select{transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,color .15s ease-out}:focus-visible{outline:none;box-shadow:var(--focus)}svg.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#view{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--vignette);background:radial-gradient(ellipse at center,#0000 55%,#0805036b)}#fade{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg);color:var(--text);font:600 20px var(--font-display);letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .38s}#fade.on{opacity:1;pointer-events:auto}#crosshair{position:fixed;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--cross-fill);box-shadow:0 0 0 1.5px var(--cross-ring);pointer-events:none;transition:width .15s ease-out,height .15s ease-out,margin .15s ease-out,opacity .2s}#crosshair.hot{width:18px;height:18px;margin:-9px 0 0 -9px;background:transparent;border:3px solid var(--accent);box-shadow:0 0 0 1.5px var(--cross-ring),inset 0 0 0 1.5px var(--cross-ring),var(--cross-glow)}body.inspecting #crosshair,body.paused #crosshair{opacity:0}#tooltip{position:fixed;left:50%;bottom:9vh;transform:translate(-50%);max-width:min(80vw,640px);padding:12px 22px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--elev-overlay);text-align:center;pointer-events:none;opacity:0;transition:opacity .15s}#tooltip.show{opacity:1}body.inspecting #tooltip,body.paused #tooltip{opacity:0}#tooltip .t{font:600 19px/1.25 var(--font-display)}#tooltip .a{font-size:14px;color:var(--muted);margin-top:2px}#tooltip .s{color:var(--rating);font-weight:700;margin-left:8px}#hud{position:fixed;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;transition:opacity .2s}body.paused #hud{opacity:0}#place,#basketChip,#menuKey{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);box-shadow:var(--hud-shadow);font:600 15px var(--font-display);letter-spacing:.04em}.hud-left{display:inline-flex;align-items:center;gap:8px}.hud-chip{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--surface);color:var(--text);box-shadow:var(--hud-shadow);pointer-events:auto;touch-action:manipulation}.hud-chip .ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#place:before{content:"";width:7px;height:16px;border-radius:2px 2px 0 0;background:var(--accent)}#place:empty{display:none}#basketChip{pointer-events:auto;min-height:44px;padding:0 8px 0 16px;cursor:pointer}#basketChip:hover,#menuKey:hover{background:var(--hover-fill)}#basketChip:focus-visible,#menuKey:focus-visible{box-shadow:var(--focus)}#menuKey{pointer-events:auto;padding:0 16px 0 8px;cursor:pointer}#hud kbd{min-width:26px;height:24px;padding:0 6px;font-size:12px;letter-spacing:.02em;box-shadow:inset 0 0 0 1.5px var(--ring),0 1.5px 0 var(--ring)}#basketChip kbd{margin-left:-6px}body.touch #menuKey,body.touch #hud kbd{display:none}#basketChip b,.count{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);box-shadow:inset 0 0 0 1.5px var(--accent-edge);font:600 14px var(--font-display);letter-spacing:0}#toast{position:fixed;left:50%;top:72px;transform:translate(-50%,-12px);display:flex;align-items:center;gap:10px;max-width:90vw;padding:10px 20px 10px 16px;border-radius:var(--radius-pill);background:var(--toast-bg);color:var(--toast-text);font-size:15px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}#toast:before{content:"";flex:none;width:7px;height:18px;border-radius:2px 2px 0 0;background:var(--accent)}#toast.show{opacity:1;transform:translate(-50%)}#panel,#drawer{position:fixed;right:4vw;top:50%;width:min(450px,42vw);max-height:88vh;overflow-y:auto;padding:30px 32px;border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--elev-overlay);transform:translate(24px,-50%);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}#panel.open,#drawer.open{opacity:1;transform:translateY(-50%);pointer-events:auto}#drawer{right:auto;left:50%;width:min(600px,92vw);transform:translate(-50%,calc(-50% + 24px))}#drawer.open{transform:translate(-50%,-50%)}.close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--surface-sunken);color:var(--text);cursor:pointer}.close svg.ico{stroke-width:2.2}.close:hover{background:var(--surface-raised)}#panel h2,#drawer h2,#prompt h2{margin:0 52px 6px 0;font:600 clamp(28px,2.4vw,34px)/1.08 var(--font-display);letter-spacing:-.015em;overflow-wrap:anywhere}#drawer h2{display:flex;align-items:center;gap:12px;margin-bottom:16px}#drawer h2 .count{min-width:32px;height:32px;font-size:16px}#panel h3,#drawer h3,.how h3{margin:22px 0 10px;font:600 13px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}#panel .authors{margin:0 0 14px;font-size:17px;font-style:italic;color:var(--muted)}#panel .rating{margin:0 0 14px;font-size:22px;line-height:1.2}#panel .stars{color:var(--stars);letter-spacing:3px}#panel .score{font-size:15px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.chip{padding:4px 11px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--field-border);font-size:13px;font-weight:500;line-height:1.5}.chip.rate,.chip.status.currently-reading{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 0 0 1.5px var(--accent-edge);font-weight:700}.chip.cat{background:var(--tint-mustard);color:var(--on-tint-mustard);box-shadow:none}.chip.status.read{background:var(--petrol);color:var(--on-petrol);box-shadow:none;font-weight:700}.chip.status.to-read{background:var(--surface-sunken)}.chip.status.paused{background:var(--tint-clay);color:var(--on-tint-clay);box-shadow:none}.chip.status.did-not-finish{color:var(--muted)}.chip.owned{background:var(--tint-petrol);color:var(--on-tint-petrol);box-shadow:none}.chip.new{background:var(--tint-clay);color:var(--on-tint-clay);box-shadow:none;font-weight:700}.chip.trend{background:var(--tint-mustard);color:var(--on-tint-mustard);box-shadow:none;font-weight:700}.chip.pick{background:var(--tint-petrol);color:var(--on-tint-petrol);box-shadow:none;font-weight:700}.badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--muted);color:var(--muted);font:600 11px/1.6 var(--font-display);letter-spacing:.08em;text-transform:uppercase;vertical-align:2px;white-space:nowrap}.basket .badge{flex:none;margin-left:0}.about .badge{margin:0 2px}#panel .note{margin:0 0 14px;padding:12px 14px;border-radius:var(--radius-md);background:var(--tint-petrol);color:var(--on-tint-petrol);font-size:15px;line-height:1.5}#panel .note strong{display:block;font:600 12px/1.4 var(--font-display);text-transform:uppercase;letter-spacing:.1em}#panel .where{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 10px}#panel .where h3{margin:0}select.mini{min-height:36px;max-width:58%;padding:0 34px 0 12px;font-size:14px;background-position:right 10px center}#panel .blurb{margin:0;font-size:15px;line-height:1.6;min-height:1.6em}#panel .facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px;line-height:1.5}#panel dt{color:var(--muted)}#panel dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}#panel .review{margin:16px 0 0;font-size:15px;line-height:1.6}.hint{margin:16px 0 0;font-size:12px;font-weight:500;line-height:1.5;color:var(--muted)}.offers{display:grid;gap:8px}.offer{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:8px 16px;border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ring);color:var(--text);text-decoration:none}.offer:hover{background:var(--hover-fill)}.offer .who{display:grid}.offer strong{font:600 16px/1.3 var(--font-display);letter-spacing:.01em}.offer small{font-size:13px;color:var(--muted)}.offer .price{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--petrol);white-space:nowrap}.offer .price svg.ico,.basket .go svg.ico{width:16px;height:16px}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.buttons button,.form button,.body>button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:var(--radius-md);border:1.5px solid var(--text);background:transparent;color:var(--text);font:600 15px var(--font-display);letter-spacing:.04em;cursor:pointer}.buttons button:hover,.form button:hover,.body>button:hover{background:var(--surface-raised)}button.primary,.buttons button.primary,.form button.primary,.body>button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent-edge);box-shadow:var(--primary-glow)}button.primary:hover,.buttons button.primary:hover,.form button.primary:hover,.body>button.primary:hover{background:var(--accent-hover)}button.primary:focus-visible{box-shadow:var(--focus)}.buttons button.done,.buttons button.done:hover{background:var(--tint-petrol);color:var(--on-tint-petrol);border-color:var(--petrol);box-shadow:none}.buttons button:disabled:not(.done){background:transparent;color:var(--muted);border-color:var(--border);cursor:default}.buttons button:disabled{cursor:default}button.link{min-height:44px;padding:0 4px;border:0;background:none;color:var(--petrol);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}button.link:hover{color:var(--petrol-hover)}button.link.sound{display:inline-flex;align-items:center;gap:8px;padding:0;font-weight:600}.vendor{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;margin:0 0 14px}select,input[type=text]{min-height:48px;padding:0 14px;border-radius:var(--radius-md);border:1.5px solid var(--field-border);background-color:var(--field-bg);color:var(--text);font-size:16px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;background-image:var(--chevron);background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}select option{background:var(--surface);color:var(--text)}select:focus-visible,input[type=text]:focus-visible{border-color:var(--text);box-shadow:0 0 0 3px var(--tint-mustard)}input::placeholder{color:var(--muted)}input[type=range],input[type=checkbox]{accent-color:var(--accent)}input[type=checkbox]{width:20px;height:20px}.basket{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.basket li{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;border-radius:var(--radius-md);background:var(--surface-sunken)}.basket .swatch{flex:none;width:30px;height:44px;border-radius:2px 4px 4px 2px;box-shadow:inset 3px 0 #0000002e,inset 0 0 0 1px #00000026}.basket .what{flex:1;display:grid;min-width:0}.basket strong{font:600 16px/1.3 var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basket small{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basket .go{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--radius-md);border:1.5px solid var(--accent-edge);background:var(--accent);color:var(--on-accent);font:600 14px var(--font-display);letter-spacing:.04em;text-decoration:none;cursor:pointer;white-space:nowrap}.basket .go{gap:6px}.basket .go:hover{background:var(--accent-hover)}.basket .go.quiet{background:transparent;color:var(--text);border-color:var(--text)}.basket .go.quiet:hover{background:var(--surface-raised)}#basketChip[hidden]{display:none}.basket .remove{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--clay);cursor:pointer}.basket .remove:hover{background:var(--surface-raised)}.lead.dark{margin:0;font-size:17px}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;justify-items:center;align-items:start;overflow-y:auto;padding:24px 0;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .25s}#overlay.hidden{opacity:0;pointer-events:none}#overlay>.card{margin-block:auto}.card{width:min(560px,94vw);padding:0 0 36px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--elev-overlay);text-align:left}.band{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:150px;padding:26px 36px 22px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-sunken)}.band h1{position:relative;margin:0;max-width:calc(100% - 130px);font:600 clamp(40px,6vw,60px)/.95 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.band.title h1{font-size:clamp(38px,5vw,50px);line-height:1;letter-spacing:-.025em}.eyebrow{position:relative;font:600 13px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.motif{position:absolute;right:30px;top:20px;width:124px;height:auto}:root[data-mood=night] .motif{filter:drop-shadow(0 0 18px rgba(224,165,38,.3))}#prompt .motif{top:14px;width:96px}.body{padding:26px 36px 0}.body>:first-child{margin-top:0}.card .lead{margin:0 0 22px;font-size:19px;line-height:1.5;color:var(--text)}.card .fine{margin:14px 0;font-size:14px;font-weight:500;line-height:1.5;color:var(--muted)}.form{display:grid;gap:16px}.form label{display:grid;gap:6px;font-weight:700;font-size:15px;color:var(--text)}.form label.check{display:flex;align-items:center;gap:10px;min-height:44px}.form label small,.form small.under{font-size:13px;font-weight:500;line-height:1.5;color:var(--muted)}.form small.under{margin-top:-12px}.form .buttons{margin-top:6px}.about h3{margin:0 0 4px;font:600 13px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.about p{margin:0 0 18px;font-size:16px;line-height:1.55}.about a{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.about a:hover{text-decoration-thickness:2.5px}.form>button{justify-self:start}.choices{display:grid;gap:12px}.choice{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:2px 16px;min-height:84px;padding:14px 18px;border-radius:var(--radius-lg);border:1.5px solid var(--field-border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.choice:hover{border-color:var(--text);box-shadow:0 4px 0 var(--text)}.choice:focus-visible{box-shadow:var(--focus)}.choice .disc{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--tint-mustard);color:var(--on-tint-mustard)}.choice:nth-child(2) .disc{background:var(--tint-petrol);color:var(--on-tint-petrol)}.choice:nth-child(3) .disc{background:var(--tint-clay);color:var(--on-tint-clay)}.choice strong{align-self:end;font:600 19px/1.25 var(--font-display)}.choice span{align-self:start;font-size:14px;line-height:1.4;color:var(--muted)}.bar{height:12px;border-radius:6px;background:var(--surface-sunken);box-shadow:inset 0 0 0 1.5px var(--ring);overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.card.welcome{width:min(660px,94vw);padding-bottom:24px}.card.welcome .band{min-height:112px;padding-top:16px;padding-bottom:16px}.card.welcome .band h1{font-size:clamp(34px,5vw,46px)}.card.welcome .motif{top:14px;width:92px}.card.welcome .body{padding-top:20px}.intro{margin:0 0 18px}.intro p{margin:0 0 9px;font-size:15px;line-height:1.5;color:var(--text)}.intro p:first-child{font-size:17px}.intro .badge{margin:0 2px}.intro+.about{margin-top:22px}.intro~.about p{margin-bottom:14px;font-size:14px;color:var(--muted)}@media (min-width: 620px){.card.welcome .choices{grid-template-columns:1fr 1fr}}.setup{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;margin:16px 0 0}.pick{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px}.pick select{min-width:150px}.card.welcome .fine{margin:8px 0 0;font-size:13px}.card.letter{width:min(520px,94vw);padding:0;background:none;border:0;box-shadow:none}.card.letter .sheet{position:relative;padding:40px 44px 30px;border-radius:3px;background:linear-gradient(#3c2d1400 calc(33.3% - 14px),#3c2d1417 33.3%,#3c2d1400 calc(33.3% + 14px)),linear-gradient(#fff0 calc(66.6% - 14px),#fff9 66.6%,#3c2d140d calc(66.6% + 2px),#3c2d1400 calc(66.6% + 14px)),#f6efdd;color:#2b2418;box-shadow:0 24px 60px #00000073;font:italic 400 19px/1.55 var(--font-body);transform:rotate(-.6deg)}.card.letter .sheet p{margin:0 0 14px}.card.letter .sheet .hello{margin-bottom:18px;font:600 30px/1.1 var(--font-display)}.card.letter .sheet ol{margin:0 0 14px;padding-left:1.5em}.card.letter .sheet li{margin:0 0 6px;padding-left:4px}.card.letter .sheet li::marker{color:#2f5d6b;font-style:normal;font-weight:700}.card.letter .sheet .signed{display:flex;align-items:flex-end;justify-content:space-between;margin:26px 0 0;font:600 20px/1.1 var(--font-display)}.card.letter .sheet .motif{position:static;width:46px;filter:none}.card.letter .buttons{justify-content:center;margin-top:22px}@media (prefers-reduced-motion: no-preference){.card.letter .sheet{animation:letter-up .28s ease-out both}@keyframes letter-up{0%{opacity:0;transform:translateY(18px) rotate(1.2deg)}}}.card.menu{display:grid;grid-template-columns:1.1fr 1fr;width:min(880px,94vw);padding:0;overflow:hidden}.card.menu .band{background:transparent;border-radius:0;padding-bottom:6px}.card.menu .main{padding-bottom:36px}.card.menu .lead{font-size:17px}.card.menu .buttons{flex-direction:column;margin-top:0}.card.menu .buttons button{justify-content:flex-start;width:100%}.card.menu .buttons button .count{margin-left:auto}.card.menu .buttons{gap:8px}.how{padding:34px 32px 32px;background:var(--surface-sunken)}.how h3{margin-top:0}.keys{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:15px;line-height:1.4}.keys li{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.keys li span{margin-left:6px}kbd{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ring),0 2px 0 var(--ring);font:600 13px var(--font-display)}@media (max-width: 760px){.card.menu{grid-template-columns:1fr}}#prompt{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;justify-items:center;align-items:start;overflow-y:auto;padding:24px 0;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .2s}#prompt.open{opacity:1;pointer-events:auto}#prompt .box{margin-block:auto;width:min(480px,92vw);padding:0 0 30px;border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--elev-overlay)}#prompt .band{min-height:120px}#prompt h2{position:relative;margin:0;max-width:calc(100% - 130px)}#prompt p{margin:0;font-size:16px;line-height:1.6}#prompt .body{padding:22px 32px 0}@media (max-aspect-ratio: 115/100){#panel{right:4vw;left:4vw;top:auto;bottom:3vh;width:auto;max-height:52vh;transform:translateY(24px)}#panel.open{transform:none}}@media (prefers-reduced-motion: reduce){#panel,#drawer,#toast{transition:opacity .2s}#panel,#panel.open{transform:translateY(-50%)}#drawer,#drawer.open{transform:translate(-50%,-50%)}#toast,#toast.show{transform:translate(-50%)}#crosshair{transition:opacity .2s}}@media (prefers-reduced-motion: reduce) and (max-aspect-ratio: 115/100){#panel,#panel.open{transform:none}}body.touch #view{touch-action:none}body.touch #crosshair,body.touch #tooltip{display:none}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}body.touch input,body.touch textarea{-webkit-user-select:text;user-select:text}#stick{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:color-mix(in srgb,var(--surface) 50%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--text) 35%,transparent),var(--hud-shadow);touch-action:none;opacity:0;pointer-events:none;transition:opacity .2s}#stick.on{opacity:1;pointer-events:auto}#stick i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:var(--accent);opacity:.85;transition:transform .12s ease-out}#stick.held i{transition:none;opacity:1}#crouchChip{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(36px,env(safe-area-inset-bottom));width:52px;height:52px;opacity:0;pointer-events:none;transition:opacity .2s}#crouchChip.on{opacity:1;pointer-events:auto}#crouchChip.held{background:var(--accent);color:var(--on-accent)}body.paused #stick,body.paused #crouchChip,body.inspecting #stick,body.inspecting #crouchChip{opacity:0;pointer-events:none}#drawer.computer{--c-frame: #D3E3FD;--c-bar: #FFFFFF;--c-omni: #EDF2FA;--c-text: #1F1F1F;--c-icon: #474747;--c-line: #DADCE0;--c-hover: rgba(31, 31, 31, .08);--c-tab-hover: rgba(255, 255, 255, .55);--c-menu: #FFFFFF;--c-blue: #0B57D0;--c-font: system-ui, "Segoe UI", Roboto, sans-serif;width:min(900px,94vw);height:min(640px,88vh);padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--c-bar)}@media (prefers-color-scheme: dark){#drawer.computer{--c-frame: #1F1F1F;--c-bar: #3C3C3C;--c-omni: #282828;--c-text: #E3E3E3;--c-icon: #C7C7C7;--c-line: #5E5E5E;--c-hover: rgba(255, 255, 255, .1);--c-tab-hover: rgba(255, 255, 255, .08);--c-menu: #2D2E30;--c-blue: #A8C7FA}}#drawer.computer.placed{transform:none;max-height:none;border-radius:var(--corner, 8px);box-shadow:none;transition:opacity .2s}#drawer.computer.placed .tabrow{padding-left:max(9px,calc(var(--corner, 8px) * .5))}#drawer.computer.placed .win .quit{border-top-right-radius:var(--corner, 8px)}#drawer.computer.placed .page{zoom:var(--fit, 1)}#drawer.computer.squash{animation:pc-squash .5s ease-out}@keyframes pc-squash{35%{transform:scale(.97,.9) translateY(4%)}70%{transform:scale(1.005,1.01)}}#drawer.computer .gl{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#drawer.computer .gl .dot{fill:currentColor;stroke:none}#drawer.computer .strip{flex:none;display:flex;align-items:stretch;height:41px;background:var(--c-frame);color:var(--c-text);font:400 12px/1 var(--c-font);-webkit-user-select:none;user-select:none}#drawer.computer .tabrow{flex:1;min-width:0;display:flex;align-items:flex-end;gap:1px;padding:0 8px 0 9px}#drawer.computer .tab{position:relative;flex:0 1 230px;min-width:44px;display:flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 11px;border-radius:10px 10px 0 0;cursor:default}#drawer.computer .tab:not(.on):hover{background:var(--c-tab-hover);border-radius:9px;height:30px;margin-bottom:4px}#drawer.computer .tab.on{background:var(--c-bar)}#drawer.computer .tab.on:before,#drawer.computer .tab.on:after{content:"";position:absolute;bottom:0;width:10px;height:10px;pointer-events:none}#drawer.computer .tab.on:before{left:-10px;background:radial-gradient(circle at 0 0,transparent 9.5px,var(--c-bar) 10px)}#drawer.computer .tab.on:after{right:-10px;background:radial-gradient(circle at 100% 0,transparent 9.5px,var(--c-bar) 10px)}#drawer.computer .tab .fav{display:grid;place-items:center;color:var(--c-icon)}#drawer.computer .tab .fav.spin .gl{animation:pc-spin .6s ease-out}@keyframes pc-spin{to{transform:rotate(360deg)}}#drawer.computer .tab .name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:clip;-webkit-mask-image:linear-gradient(to left,transparent,#000 22px);mask-image:linear-gradient(to left,transparent,#000 22px)}#drawer.computer .tab .shut,#drawer.computer .plus{display:grid;place-items:center;flex:none;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--c-icon);cursor:pointer}#drawer.computer .tab .shut .gl{width:12px;height:12px}#drawer.computer .plus{width:28px;height:28px;margin:0 0 3px 6px}#drawer.computer .tab .shut:hover,#drawer.computer .plus:hover{background:var(--c-hover)}#drawer.computer .win{flex:none;display:flex}#drawer.computer .win button{display:grid;place-items:center;width:46px;padding:0;border:0;background:transparent;color:var(--c-text);cursor:pointer}#drawer.computer .win button .gl{stroke-width:1}#drawer.computer .win button:hover{background:var(--c-hover)}#drawer.computer .win .quit:hover{background:#e81123;color:#fff}#drawer.computer .win .quit{border-top-right-radius:8px}#drawer.computer .tools{flex:none;display:flex;align-items:center;gap:2px;height:40px;padding:0 8px;background:var(--c-bar);color:var(--c-icon)}#drawer.computer .tools>button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}#drawer.computer .tools>button:hover{background:var(--c-hover)}#drawer.computer .tools>button.faint{opacity:.38}#drawer.computer .omni{flex:1;min-width:0;display:flex;align-items:center;gap:9px;height:32px;margin:0 6px;padding:0 4px 0 11px;border-radius:999px;background:var(--c-omni);color:var(--c-icon);cursor:text}#drawer.computer .omni:focus-within{background:var(--c-bar);box-shadow:0 0 0 2px var(--c-blue)}#drawer.computer .address{flex:1;min-width:0;min-height:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--c-text);font:400 14px/1 var(--c-font);outline:none}#drawer.computer .address:focus-visible{border:0;box-shadow:none}#drawer.computer .star{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}#drawer.computer .star:hover{background:var(--c-hover)}#drawer.computer .star.on{color:var(--c-blue)}#drawer.computer .star.on .gl{fill:currentColor}#drawer.computer .marks{flex:none;display:flex;align-items:center;gap:2px;height:31px;padding:0 8px 3px;background:var(--c-bar);border-bottom:1px solid var(--c-line);overflow:hidden}#drawer.computer .marks button{display:inline-flex;align-items:center;gap:7px;flex:none;height:24px;padding:0 9px 0 7px;border:0;border-radius:999px;background:transparent;color:var(--c-text);font:400 12px/1 var(--c-font);cursor:pointer;white-space:nowrap}#drawer.computer .marks button .gl{color:var(--c-icon)}#drawer.computer .marks button:hover{background:var(--c-hover)}#drawer.computer .menu{position:absolute;z-index:3;top:79px;right:8px;width:256px;padding:6px 0;border-radius:8px;background:var(--c-menu);color:var(--c-text);box-shadow:0 0 0 1px var(--c-line),0 8px 24px #00000047;font:400 13px/1 var(--c-font)}#drawer.computer .menu button{display:flex;align-items:center;gap:12px;width:100%;height:32px;padding:0 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}#drawer.computer .menu button .gl{color:var(--c-icon)}#drawer.computer .menu button:hover,#drawer.computer .menu button:focus-visible{background:var(--c-hover);box-shadow:none}#drawer.computer .menu hr{margin:6px 0;border:0;border-top:1px solid var(--c-line)}#drawer.computer .bubble{position:absolute;z-index:2;top:84px;right:14px;max-width:min(320px,70%);padding:11px 15px;border-radius:8px;background:var(--c-menu);color:var(--c-text);box-shadow:0 0 0 1px var(--c-line),0 6px 18px #0000003d;font:400 13px/1.45 var(--c-font);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s,transform .18s}#drawer.computer .bubble.show{opacity:1;transform:none}#drawer.computer .page{flex:1;min-height:0;overflow-y:auto;background:var(--surface);color:var(--text)}#drawer.computer .doc{padding:26px 32px 34px}#drawer.computer .page h2{margin:0 0 14px}#drawer.computer .page h3{margin:22px 0 10px}#drawer.computer .page .lead{margin:0 0 16px}#drawer.computer .where{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}#drawer.computer .where h2,#drawer.computer .where h3{margin:0}#drawer.computer .where h2 .chip.sample{margin-left:10px;vertical-align:middle;font:600 13px/1.5 var(--font-display);letter-spacing:.04em;background:var(--tint-mustard);color:var(--on-tint-mustard);box-shadow:none}#drawer.computer .shops{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}#drawer.computer .shops button{min-height:36px;padding:0 14px;border:1.5px solid var(--field-border);border-radius:var(--radius-pill);background:transparent;color:var(--text);font:600 14px var(--font-display);letter-spacing:.03em;cursor:pointer;white-space:nowrap}#drawer.computer .shops button:hover{background:var(--hover-fill)}#drawer.computer .shops button.on{background:var(--text);border-color:var(--text);color:var(--surface)}#drawer.computer .find{display:block;width:100%;margin:0 0 14px}#drawer.computer .find.big{max-width:540px;min-height:52px;padding:0 22px;border-radius:var(--radius-pill)}#drawer.computer .results .link{margin-top:2px}#drawer.computer .cover{position:relative;display:grid;flex:none;width:40px;height:60px;overflow:hidden;border-radius:2px 4px 4px 2px;box-shadow:inset 3px 0 #0000002e,inset 0 0 0 1px #00000026}#drawer.computer .cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#drawer.computer .cover span{padding:4px 4px 4px 7px;overflow:hidden;color:#fffdf7;font:600 7px/1.2 var(--font-display);overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.5)}#drawer.computer .cover span.ink{color:#2b2418;text-shadow:none}#drawer.computer .basket .what .chip{justify-self:start;margin-top:5px;padding:1px 9px;font-size:12px}#drawer.computer .basket .go.done{background:var(--tint-petrol);border-color:var(--petrol);color:var(--on-tint-petrol)}#drawer.computer .basket.found li{flex-wrap:wrap}#drawer.computer .basket.found .what{flex:1 1 220px}#drawer.computer .grid{list-style:none;margin:4px 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:20px 14px}#drawer.computer .bookcard{display:grid;gap:4px;width:100%;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:inherit;text-align:left;cursor:pointer}#drawer.computer .bookcard .cover{width:100%;height:auto;aspect-ratio:2 / 3;margin-bottom:4px;transition:transform .15s ease-out}#drawer.computer .bookcard:hover .cover{transform:translateY(-3px)}#drawer.computer .bookcard .cover span{padding:10px 8px 8px 12px;font-size:13px}#drawer.computer .bookcard strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 14px/1.25 var(--font-display)}#drawer.computer .bookcard small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--muted)}#drawer.computer .one{display:flex;align-items:flex-start;gap:22px;margin-bottom:20px}#drawer.computer .one .cover{width:112px;height:168px}#drawer.computer .one .cover span{padding:10px 8px 8px 12px;font-size:13px}#drawer.computer .one h2{margin-bottom:6px}#drawer.computer .one .buttons{margin-top:14px}#drawer.computer .by{margin:0 0 10px;font-size:17px;font-style:italic;color:var(--muted)}#drawer.computer .rating{margin:0 0 12px;font-size:15px;color:var(--muted)}#drawer.computer .rating .stars{font-size:20px;color:var(--stars);letter-spacing:3px}#drawer.computer .facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px;line-height:1.5}#drawer.computer .facts dt{color:var(--muted)}#drawer.computer .facts dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}#drawer.computer .review{margin:16px 0 0;max-width:70ch;font-size:15px;line-height:1.6}#drawer.computer .bring{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;margin:0 0 16px;padding:12px 14px 12px 18px;border-radius:var(--radius-md);background:var(--surface-sunken)}#drawer.computer .bring>div:first-child{flex:1 1 260px}#drawer.computer .bring h3{margin:0 0 2px}#drawer.computer .bring p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}#drawer.computer .bring .buttons{flex:none;margin:0}#drawer.computer .bring.big{padding:20px 22px}#drawer.computer .bringing{display:grid;align-content:center;gap:14px;min-height:100%;max-width:66ch}#drawer.computer .bringing>*{margin:0}#drawer.computer .bringing>button.link{justify-self:start;padding:0}#drawer.computer .tally{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:17px;color:var(--muted)}#drawer.computer .tally strong{font:600 40px/1.05 var(--font-display);color:var(--text);font-variant-numeric:tabular-nums}#drawer.computer .gauge{height:14px;border-radius:7px;background:var(--surface-sunken);box-shadow:inset 0 0 0 1.5px var(--ring);overflow:hidden}#drawer.computer .gauge i{display:block;width:0;height:100%;background:var(--accent);transition:width .4s ease-out}@media (prefers-reduced-motion: reduce){#drawer.computer .gauge i{transition:none}}#drawer.computer .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0 0 18px}#drawer.computer .tile{display:grid;padding:16px 18px;border-radius:var(--radius-md);background:var(--surface-sunken)}#drawer.computer .tile strong{font:600 30px/1.15 var(--font-display)}#drawer.computer .tile span{font-size:13px;color:var(--muted)}#drawer.computer .ranks{margin:0;padding:0;max-width:520px;list-style:none}#drawer.computer .ranks li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}#drawer.computer .ranks b{color:var(--muted);font-weight:500;white-space:nowrap}#drawer.computer .prose{max-width:66ch}#drawer.computer .prose p{margin:0 0 12px}#drawer.computer .plain{margin:0 0 14px;padding-left:1.2em}#drawer.computer .plain li{margin:6px 0}#drawer.computer .plain.links{padding:0;list-style:none}#drawer.computer .plain.links li{margin:0}#drawer.computer .plain.links span{display:inline-block;padding:9px 4px;color:var(--muted)}#drawer.computer .rota{width:100%;margin:0 0 14px;border-collapse:collapse}#drawer.computer .rota th,#drawer.computer .rota td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}#drawer.computer .rota th{width:34%;font:600 15px var(--font-display)}#drawer.computer .rota .today{background:var(--tint-mustard);color:var(--on-tint-mustard)}#drawer.computer .newtab{display:grid;justify-items:center;gap:26px;padding-top:44px}#drawer.computer .spines{display:block;width:96px;height:auto}#drawer.computer .newtab .find{margin:0}#drawer.computer .shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;max-width:600px}#drawer.computer .shortcuts button{display:grid;justify-items:center;align-content:start;gap:9px;width:104px;padding:12px 4px;border:0;border-radius:var(--radius-md);background:none;color:var(--text);font-size:13px;line-height:1.25;cursor:pointer}#drawer.computer .shortcuts button span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface-sunken)}#drawer.computer .shortcuts button .gl{width:20px;height:20px}#drawer.computer .shortcuts button:hover{background:var(--hover-fill)}#drawer.computer .doc.away{display:grid;align-content:center;gap:14px;min-height:100%;max-width:66ch}#drawer.computer .doc.away h2,#drawer.computer .doc.away .lead,#drawer.computer .doc.away .hint{margin:0}#drawer.computer .doc.away .buttons{margin-top:4px}#drawer.computer .buttons a.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:var(--radius-md);border:1.5px solid var(--text);color:var(--text);font:600 15px var(--font-display);letter-spacing:.04em;text-decoration:none}#drawer.computer .buttons a.button:hover{background:var(--surface-raised)}#drawer.computer .buttons a.button svg.ico{width:16px;height:16px}#drawer.computer .game canvas{display:block;width:100%;max-width:720px;height:auto;border-radius:var(--radius-md);background:var(--surface-sunken);cursor:pointer}#drawer.computer .game .hint{margin-top:10px}#drawer.computer .boot{display:grid;place-content:center;justify-items:center;gap:22px;min-height:100%;background:#0e0b08;color:#c2b59a;font:500 15px var(--font-display);letter-spacing:.08em}#drawer.computer .boot .spines{animation:pc-boot 1.9s ease-in-out both}@keyframes pc-boot{0%,30%{opacity:0}55%,to{opacity:1}}#drawer.computer .page.dark{--surface: #202124;--surface-sunken: #2A2B2E;--surface-raised: #35363A;--text: #E8EAED;--muted: #9AA0A6;--border: #3C4043;--hover-fill: #35363A;--field-bg: #2A2B2E;--field-border: #7C8085;--petrol: #9CC3CD;color-scheme:dark}#drawer.computer .hatmark .gl{width:68px;height:68px;stroke-width:.9;color:var(--muted)}#drawer.computer .incog{padding-top:48px}@media (prefers-reduced-motion: reduce){#drawer.computer.squash,#drawer.computer .tab .fav.spin .gl,#drawer.computer .boot .spines{animation:none}#drawer.computer .bookcard .cover,#drawer.computer .bubble{transition:none}}#fade .loader{position:relative}#fade .loader-shelf{position:relative;width:15em;height:13.77em;font-size:clamp(10px,1.5vmin,16px)}#fade .loader-board{position:absolute;left:0;right:0;bottom:0;height:1.077em;border-radius:.231em;background:#a8693a}#fade .loader-book{position:absolute;bottom:1.077em;width:3.154em}#fade .loader-book i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.231em}#fade .loader-book:nth-child(1){left:1.538em;height:12.692em}#fade .loader-book:nth-child(2){left:5.231em;height:10.385em}#fade .loader-book:nth-child(3){left:9.308em;height:11.538em}#fade .loader-book:nth-child(1) i{background:#e0a526;box-shadow:var(--motif-glow)}#fade .loader-book:nth-child(2) i{background:#9cc3cd}#fade .loader-book:nth-child(3) i{background:#e3ae8c;transform:rotate(13deg);transform-origin:bottom left}#fade .loader-msg{position:absolute;top:100%;left:50%;width:max-content;max-width:86vw;margin:28px 0 0;transform:translate(-50%);text-align:center;line-height:1.3}@media (prefers-reduced-motion: no-preference){#fade .loader-shelf.run .loader-book{animation:loader-slide 2.8s infinite both}#fade .loader-shelf.run .loader-book:nth-child(2){animation-delay:.12s}#fade .loader-shelf.run .loader-book:nth-child(3){animation-delay:.24s}#fade .loader-shelf.run .loader-book:nth-child(3) i{animation:loader-tip 2.8s .24s infinite both}}@keyframes loader-slide{0%{opacity:0;transform:translate(5em);animation-timing-function:cubic-bezier(.3,.6,.3,1)}13%{opacity:1;transform:translate(0)}72%{opacity:1;transform:translate(0);animation-timing-function:cubic-bezier(.5,0,.8,.4)}84%,to{opacity:0;transform:translate(-4em)}}@keyframes loader-tip{0%,13%{transform:rotate(0);animation-timing-function:cubic-bezier(.5,0,.9,.5)}20%{transform:rotate(15.5deg);animation-timing-function:ease-out}24%{transform:rotate(11.5deg);animation-timing-function:ease-in-out}28%,to{transform:rotate(13deg)}}
