:root{--bg: #141f12;--bg-secondary: #1a2918;--text: #f0e8cc;--text-muted: #89a882;--accent: #b5d4ac;--border: #243020;--font-mono: "IBM Plex Mono", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-mono);background-color:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}main{flex:1;padding:var(--space-md) var(--space-sm);max-width:860px;margin:0 auto;width:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header{border-bottom:1px solid var(--border);padding:var(--space-sm) var(--space-md)}header nav{display:flex;align-items:center;justify-content:space-between;max-width:860px;margin:0 auto}.site-name{font-size:.85rem;font-weight:700;color:var(--text);letter-spacing:.05em;text-decoration:none}.site-name:hover{text-decoration:none;color:var(--accent)}.nav-links{display:none;margin:0;padding:0;list-style:none}.nav-links a{color:var(--text-muted);font-size:.8rem;display:block;text-align:center;padding:10px 0;text-decoration:none;font-weight:500;letter-spacing:.05em;text-transform:lowercase}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a[aria-current=page]{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:2px}.hamburger{cursor:pointer;padding:4px;display:flex;flex-direction:column;gap:5px}.hamburger .line{display:block;width:24px;height:2px;background-color:var(--text)}.expanded{display:block;background:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-xs) 0;width:100%}@media screen and (min-width: 636px){.nav-links{display:flex;gap:var(--space-sm);position:static;width:auto;background:none;border:none;padding:0}.nav-links a{display:inline-block;padding:4px 0}.hamburger{display:none}}.hero{padding:var(--space-md) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.hero-text{flex:1;min-width:0}.hero-photo-wrap{position:relative;width:140px;height:140px;flex-shrink:0;cursor:pointer}.hero-photo{width:140px;height:140px;object-fit:cover;border-radius:50%;border:2px solid var(--border);position:absolute;top:0;left:0;transition:opacity .3s ease}.hero-photo-alt{opacity:0}.hero-photo-wrap:hover .hero-photo:not(.hero-photo-alt),.hero-photo-wrap.cooked .hero-photo:not(.hero-photo-alt){opacity:0}.hero-photo-wrap:hover .hero-photo-alt,.hero-photo-wrap.cooked .hero-photo-alt{opacity:1}.hero-name{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--text);margin:0 0 var(--space-xs);letter-spacing:-.03em;line-height:1;white-space:nowrap;border-right:3px solid transparent}.hero-role{color:var(--text-muted);font-size:.9rem;margin:0 0 var(--space-xs);letter-spacing:.05em}.hero-lines{display:flex;flex-direction:column;gap:4px;margin:var(--space-xs) 0 var(--space-md)}.hero-line{font-size:.85rem;margin:0;letter-spacing:.05em;color:var(--text-muted)}.hero-location{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);letter-spacing:.05em;margin:0}.tx-outline{width:16px;height:16px;fill:none;stroke:var(--text-muted);stroke-width:8;stroke-linejoin:round;flex-shrink:0}.hero-verb{font-weight:700;margin-right:8px}.hero-verb.building{color:var(--accent)}.hero-verb.reading{color:#d4a86a}.hero-verb.writing{color:#9ab5d4}.hero-verb.playing{color:#b09dd4}.hero-subject-link{cursor:pointer;border-bottom:1px solid currentColor;transition:opacity .15s}.hero-subject-link:hover{opacity:.7}.hero-line-cursor{color:var(--text-muted);opacity:0;animation:blinkTextCursor .6s steps(1) infinite}#keycap-intro{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);z-index:200}.kb-display{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--text);min-height:1.2em}.kb-cursor{color:var(--accent);animation:blinkTextCursor .6s steps(1) infinite}.kb-hint{font-size:.72rem;letter-spacing:.12em;color:var(--text-muted);margin:0;order:1}.kb-case{background:linear-gradient(170deg,#ffffff 0%,#f0eeea 50%,#e4e2dc 100%);border-radius:12px 12px 14px 14px;padding:14px 14px 18px;border:1px solid #d8d5cf;box-shadow:0 1px #d4d1cb,0 2px #ccc9c3,0 3px #c4c1bb,0 4px #bcb9b3,0 5px #b4b1ab,0 6px #aca9a3,0 7px #a4a19b,0 8px #9c9993,0 14px 30px #00000059,inset 0 1px 1px #fffffff2}.kb-plate{display:flex;flex-direction:column;gap:4px;background:#d8d5cf;border-radius:6px;padding:8px;box-shadow:inset 0 2px 5px #00000026,inset 0 1px 2px #0000001a}.kb-row{display:flex;gap:4px}.kb-row-space{align-items:center}.key{--ku: 34px;width:var(--ku);height:var(--ku);background:#f2efe8;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-family:var(--font-mono);color:#3a3835;text-transform:lowercase;border-bottom:3px solid #c8c4bc;border-right:1px solid #dedad3;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #0000000d;user-select:none;flex-shrink:0;transition:background .05s,color .05s,transform .05s,border-bottom-width .05s,box-shadow .05s}.key-u15,.key-u175,.key-u225{background:#eae7e0;border-bottom-color:#bfbbb3;border-right-color:#d4d0c8}[data-key=backtick],[data-key=backspace],[data-key=enter],[data-key=space]{background:#c0dbb6;color:#2a3d27;border-bottom-color:#8cb882;border-right-color:#aacfa0;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000000d}.key-nav{background:#b8b5ae;color:#2a2826;border-bottom-color:#8a8780;border-right-color:#a8a59e;box-shadow:inset 0 1px #ffffff80}.key-mod-sm{width:42px;background:#eae7e0;border-bottom-color:#bfbbb3}.key-u15{width:55px}.key-u175{width:66px}.key-u2{width:76px}.key-u225{width:87px}.key-u175[data-key=rshift]{width:66px}.key-usp{flex:1;min-width:160px}[data-key=win]{background:#eae7e0;border-bottom-color:#bfbbb3}.key.key-active{background:var(--accent);color:var(--bg);transform:translateY(2px);border-bottom-width:1px;box-shadow:0 0 14px #b5d4ac80}@media (max-width: 767px){#keycap-intro{display:none}}.hero-name-cursor{animation:blinkTextCursor .6s steps(1) infinite}@keyframes blinkTextCursor{0%,to{border-right-color:var(--text)}50%{border-right-color:transparent}}#marquee-tooltip{position:fixed;z-index:150;max-width:260px;background:var(--bg);border:1px solid var(--accent);border-radius:6px;padding:10px 14px;font-size:.78rem;line-height:1.55;color:var(--text);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;box-shadow:0 4px 20px #0006}#marquee-tooltip.visible{opacity:1;transform:translateY(0)}.marquee-item-tip{cursor:pointer}.marquee-item-tip:hover{color:var(--accent)}.marquee-item-icon{cursor:pointer;padding:0 .75rem}.marquee-item-icon img{display:block;opacity:.7;transition:opacity .15s ease}.marquee-item-icon:hover img{opacity:1}.marquee-item-icon img.icon-tinted{filter:brightness(0) saturate(100%) invert(85%) sepia(12%) saturate(420%) hue-rotate(66deg) brightness(98%) contrast(85%)}.section-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm);border-bottom:1px solid var(--border);padding-bottom:var(--space-xs)}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.post-card{border:1px solid var(--border);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);transition:border-color .15s}.post-card:hover{border-color:var(--text-muted)}.post-card-title{font-size:.95rem;font-weight:700;color:var(--text);margin:0 0 4px}.post-card-meta{font-size:.75rem;color:var(--text-muted);margin:0 0 var(--space-xs)}.post-card-excerpt{font-size:.8rem;color:var(--text-muted);margin:0 0 var(--space-xs);line-height:1.5}.post-card-link{font-size:.75rem;color:var(--accent);letter-spacing:.05em}.project-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);width:100vw;position:relative;left:50%;transform:translate(-50%);padding-left:var(--space-md);padding-right:var(--space-md);max-width:1200px}.project-card{border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.project-card:hover{border-color:var(--text-muted)}.project-preview{width:100%;flex-shrink:0}.browser-chrome{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg);border-bottom:1px solid var(--border)}.chrome-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chrome-dot:nth-child(1){background:#ff5f57}.chrome-dot:nth-child(2){background:#febc2e}.chrome-dot:nth-child(3){background:#28c840}.chrome-url{font-size:.6rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--bg-secondary);padding:2px 8px;border-radius:4px;flex:1}.project-preview img{width:100%;height:260px;object-fit:cover;object-position:top;display:block}.project-body{padding:var(--space-sm);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex:1}.project-info{flex:1;min-width:0}.project-name{font-size:.9rem;font-weight:700;color:var(--text);margin:0 0 4px}.fav-star{color:var(--accent);margin-left:6px;font-size:.85em}.project-desc{font-size:.75rem;color:var(--text-muted);margin:0 0 var(--space-xs);line-height:1.5}.stack-badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent);padding:2px 8px;color:var(--accent);border-radius:999px}.project-links{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0}.project-link{font-size:.75rem;color:var(--accent);white-space:nowrap}model-viewer{width:100%;height:500px}.keebs-container{text-align:center}.resume-body{padding:var(--space-md);max-width:860px;margin:0 auto}.resume-body h1{font-size:1.5rem;margin-bottom:var(--space-xs)}.resume-body h2{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:4px;margin-top:var(--space-md)}.resume-body h3{font-size:.9rem;font-weight:700;margin-bottom:4px}.resume-body p,.resume-body li{font-size:.85rem;color:var(--text-muted);line-height:1.6}.resume-body a{color:var(--accent)}.resume-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.socials-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-sm)}.socials-row a{font-size:.75rem;color:var(--text-muted);letter-spacing:.06em}.socials-row a:hover{color:var(--text);text-decoration:none}.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0;margin:0;width:100vw;position:relative;left:50%;transform:translate(-50%)}.marquee-track{display:flex;width:max-content;animation:marquee 50s linear infinite}.marquee-track:hover,.marquee-track.paused{animation-play-state:paused}.marquee-item{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;padding:0 var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.marquee-label{position:absolute;top:50%;transform:translateY(-50%);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--bg);padding:0 10px;z-index:1;white-space:nowrap}.marquee-label-left{left:0}.marquee-label-right{right:0}.marquee-sep{color:var(--accent);font-size:.5rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-reverse .marquee-track{animation-direction:reverse}.marquee-last{margin-bottom:var(--space-lg)}.keebs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:var(--space-lg)}.keeb-card{perspective:1000px;height:340px;cursor:pointer}.keeb-card-placeholder{cursor:default}.keeb-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.keeb-card.flipped .keeb-card-inner{transform:rotateY(180deg)}.keeb-card-front,.keeb-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.keeb-card-back{transform:rotateY(180deg);padding:1.25rem;justify-content:space-between}.keeb-photo{width:100%;flex:1;object-fit:cover;object-position:center 80%;min-height:0;display:block}.keeb-photo-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg);border-bottom:1px solid var(--border)}.keeb-photo-label{font-size:.7rem;color:var(--text-muted);letter-spacing:.1em}.keeb-coming-soon{font-size:.65rem;color:var(--text-muted);letter-spacing:.15em;opacity:.5}.keeb-front-footer{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;flex-shrink:0}.keeb-name{font-size:.7rem;letter-spacing:.08em;color:var(--text)}.keeb-sound-badge{font-size:.6rem;letter-spacing:.1em;color:var(--accent);border:1px solid var(--accent);padding:1px 6px;opacity:.8;white-space:nowrap}.keeb-flip-hint{font-size:.55rem;letter-spacing:.1em;color:var(--text-muted);opacity:.5;text-align:center;padding-bottom:.4rem;flex-shrink:0}.keeb-card-back .keeb-flip-hint{padding-bottom:0}.keeb-specs{width:100%;border-collapse:collapse;flex:1}.keeb-specs tr+tr td{border-top:1px solid var(--border)}.spec-label{font-size:.6rem;letter-spacing:.1em;color:var(--text-muted);padding:.5rem 1rem .5rem 0;white-space:nowrap;width:1%;vertical-align:top}.spec-value{font-size:.65rem;letter-spacing:.05em;color:var(--text);padding:.5rem 0;vertical-align:top}.keeb-sound-link{font-size:.65rem;letter-spacing:.1em;color:var(--accent);text-decoration:none;padding:.4rem 0;display:inline-block}.keeb-sound-link:hover{text-decoration:underline}.keebs-model-wrap{margin-top:var(--space-md);border-top:1px solid var(--border);padding-top:var(--space-sm)}.keebs-model-label{font-size:.65rem;letter-spacing:.1em;color:var(--text-muted);margin:0 0 .75rem}.keebs-model-wrap model-viewer{width:100%;height:400px;background:var(--bg)}@media (max-width: 636px){.keebs-grid{grid-template-columns:1fr}.keeb-card{height:300px}}footer{border-top:1px solid var(--border);padding:var(--space-sm) var(--space-md);font-size:.75rem;color:var(--text-muted);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}footer a{color:var(--text-muted)}footer a:hover{color:var(--text);text-decoration:none}@media screen and (max-width: 600px){header{padding:var(--space-sm)}main{padding:var(--space-md) var(--space-sm)}.hero{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm) 0}.hero-text{width:100%}.hero-name{font-size:clamp(1.8rem,10vw,3rem)}.hero-photo-wrap{width:100px;height:100px;align-self:center;margin-top:0}.hero-photo{width:100px;height:100px}.hero-lines{margin-bottom:var(--space-sm)}.project-grid{grid-template-columns:1fr}.project-preview img{height:200px}.project-links{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-sm)}.post-card,.project-card,.resume-body{padding:var(--space-sm)}.marquee-label{font-size:.55rem;padding:0 6px}model-viewer{height:300px}footer{padding:var(--space-sm)}.carousel-wrap{height:220px}.carousel-item img{width:120px;height:180px}.carousel-btn{display:none}.book-grid{grid-template-columns:repeat(2,1fr);gap:8px}.book-card-cover{width:70px;height:100px}.book-card-info{gap:2px}.book-card-title{font-size:.65rem}.book-card-author{font-size:.55rem}.book-card-stars{font-size:.6rem}.reading-stats{font-size:.55rem;gap:4px}.spine-row{height:190px}.spine-row-done{height:220px}.spine{width:20px;height:180px}.spine.expanded{width:110px}.spine-done.expanded{width:200px;height:200px}}.reading-stats{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.65rem;color:var(--text-muted);letter-spacing:.05em;margin-bottom:var(--space-sm)}.reading-stats-sep{opacity:.3}.reading-hero{margin-bottom:var(--space-md)}.reading-hero-label{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:var(--space-xs)}.carousel-wrap{position:relative;height:260px;max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center}.carousel-track{position:relative;width:100%;height:100%}.carousel-item{position:absolute;left:50%;top:50%;margin-left:-65px;margin-top:-105px;transition:transform .4s ease,opacity .4s ease;will-change:transform,opacity}.carousel-cover{width:130px;height:195px;object-fit:cover;border-radius:6px;box-shadow:0 8px 30px #0006}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);font-size:1.4rem;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s;padding:0;line-height:1}.carousel-btn:hover{color:var(--accent);border-color:var(--accent)}.carousel-btn-prev{left:0}.carousel-btn-next{right:0}.carousel-info{text-align:center;margin-top:var(--space-xs);min-height:80px}.carousel-info-item{display:none}.carousel-info-item.active{display:block}.carousel-title{font-size:.8rem;font-weight:700;color:var(--text);margin:0}.carousel-author{font-size:.65rem;color:var(--text-muted);margin:2px 0 0}.carousel-genres{display:flex;justify-content:center;gap:4px;margin-top:6px}.carousel-why{font-size:.6rem;color:var(--text-muted);max-width:360px;margin:8px auto 0;line-height:1.5}.carousel-why-label{color:var(--accent);font-weight:700}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.carousel-dot{width:6px;height:6px;border-radius:50%;border:none;background:var(--border);cursor:pointer;padding:0;transition:all .3s}.carousel-dot.active{background:var(--accent);width:18px;border-radius:3px}.genre-tag{font-size:.5rem;padding:1px 6px;border-radius:9999px;color:#fff;letter-spacing:.03em;white-space:nowrap}.genre-tag-sm{font-size:.45rem;padding:1px 5px}.reading-controls{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:var(--space-sm)}.reading-tabs{display:flex;align-items:center;height:38px}.reading-tab{background:none;border:none;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--text-muted);padding:0 12px;height:100%;cursor:pointer;position:relative;transition:color .15s}.reading-tab:hover{color:var(--text)}.reading-tab.active{color:var(--accent)}.reading-tab.active:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--accent);border-radius:1px}.reading-tab-count{font-size:.55rem;opacity:.5}.reading-controls-right{margin-left:auto;display:flex;gap:2px}.reading-icon-btn{background:none;border:none;color:var(--text-muted);padding:6px;cursor:pointer;transition:color .15s;display:flex;align-items:center}.reading-icon-btn:hover{color:var(--accent)}.reading-drawer{max-height:0;overflow:hidden;transition:max-height .2s ease}.reading-drawer.open{max-height:120px}.reading-search{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-family:var(--font-mono);font-size:.7rem;color:var(--text);margin:6px 0}.reading-search::placeholder{color:var(--text-muted);opacity:.6}.reading-search:focus{outline:none;border-color:var(--accent)}.reading-filter-pills{display:flex;flex-wrap:wrap;gap:4px;padding:6px 0}.filter-pill{font-family:var(--font-mono);font-size:.55rem;padding:2px 8px;border-radius:9999px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .15s}.filter-pill:hover{border-color:var(--text-muted)}.filter-pill.active{background:var(--pill-color, var(--accent));color:#fff;border-color:transparent}.filter-pill-year.active{background:var(--accent);color:var(--bg)}.filter-sep{width:1px;background:var(--border);margin:0 2px;align-self:stretch}.reading-section.hidden{display:none}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.book-card{background:#1e2e1a;border:1px solid var(--border);border-radius:6px;padding:10px;display:flex;flex-direction:column;align-items:center;transition:border-color .15s}.book-card:hover{border-color:var(--text-muted)}.book-card[data-has-review=true]{cursor:pointer}.book-card[data-has-review=true]:after{content:"tap for review";font-size:.45rem;color:var(--text-muted);opacity:.4;letter-spacing:.05em;margin-top:4px;transition:opacity .15s}.book-card[data-has-review=true]:hover:after{opacity:.7;color:var(--accent)}.book-card.review-open[data-has-review=true]:after{display:none}.book-card.hidden{display:none}.book-card-cover{width:85px;height:125px;object-fit:cover;border-radius:4px;margin-bottom:6px}.book-card-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.book-card-title{font-size:.7rem;font-weight:700;color:var(--text);margin:0;line-height:1.3}.book-card-series{font-size:.55rem;color:var(--text-muted);font-style:italic;margin:0}.book-card-author{font-size:.6rem;color:var(--text-muted);margin:0}.book-card-stars{font-size:.7rem;color:var(--accent);margin:0;letter-spacing:-.5px}.book-card-genres{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.book-card-year{font-size:.5rem;color:var(--text-muted);opacity:.6}.book-card-review{max-height:0;overflow:hidden;transition:max-height .3s ease;width:100%}.book-card.review-open .book-card-review{max-height:250px}.book-card-review-inner{padding-top:8px;margin-top:6px;border-top:1px solid var(--border);font-size:.6rem;color:var(--text);line-height:1.6;text-align:center}.spine-shelf{margin-bottom:var(--space-sm)}.spine-shelf-label{font-size:.55rem;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px}.spine-row{display:flex;gap:2px;align-items:flex-end;height:230px;overflow-x:auto;padding-bottom:4px}.spine-row-done{height:260px}.spine{flex-shrink:0;width:22px;height:220px;background:var(--spine-color);border-radius:2px;position:relative;cursor:pointer;transition:width .3s ease,height .3s ease;overflow:hidden}.spine.expanded{width:120px}.spine-done.expanded{width:240px;height:240px}.spine.hidden{display:none}.spine-title{writing-mode:vertical-rl;text-orientation:mixed;font-size:.5rem;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:4px 2px;transition:opacity .2s}.spine.expanded .spine-title{opacity:0}.spine-expanded{position:absolute;inset:0;opacity:0;transition:opacity .2s}.spine.expanded .spine-expanded{opacity:1}.spine-cover{width:100%;height:100%;object-fit:cover}.spine-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:6px}.spine-overlay-done{background:linear-gradient(to top,rgba(0,0,0,.9) 60%,transparent);padding:8px;max-height:75%;overflow-y:auto}.spine-overlay-title{font-size:.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.spine-overlay-author{font-size:.45rem;color:#ffffffb3;margin:0}.spine-overlay-stars{font-size:.55rem;color:var(--accent);margin:3px 0 0}.spine-overlay-genres{display:flex;gap:3px;margin-top:3px;flex-wrap:wrap}.spine-overlay-review{font-size:.45rem;color:#fffc;margin:5px 0 0;line-height:1.5}.reading-grid-toggle{margin-top:var(--space-sm)}.reading-grid-toggle-label{font-size:.55rem;letter-spacing:.1em;color:var(--text-muted);cursor:pointer;list-style:none}.reading-grid-toggle-label::-webkit-details-marker{display:none}.reading-grid-toggle-label:before{content:"+ ";color:var(--accent)}.reading-grid-toggle[open] .reading-grid-toggle-label:before{content:"- "}