.typewriter-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:60px 20px}.typewriter-title-text{font-size:20px;font-weight:700;letter-spacing:1px;text-align:center;white-space:nowrap}.typewriter-subtitle-text{font-size:13px;color:#555;font-style:italic;text-align:center;margin-top:10px;white-space:nowrap}.typewriter-cursor{animation:cursorBlink .6s step-end infinite;font-weight:400;color:#000;margin-left:1px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.books-pile-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.falling-book{position:absolute;width:80px;height:auto;left:var(--book-land-x);top:var(--book-land-y);border:2px solid #d0d0d0;box-shadow:2px 3px 8px #00000040;background:#fff;opacity:0;animation-duration:.6s;animation-delay:var(--book-delay);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.22,.61,.36,1);transform-origin:center center;z-index:calc(var(--book-delay))}.falling-book-from-top{animation-name:fallFromTop}.falling-book-from-left{animation-name:fallFromLeft}.falling-book-from-right{animation-name:fallFromRight}@keyframes fallFromTop{0%{opacity:1;transform:translate(-50%,-800px) rotate(0)}70%{opacity:1;transform:translate(-50%,calc(-50% - 15px)) rotate(var(--book-rotation))}85%{opacity:1;transform:translate(-50%,calc(-50% + 5px)) rotate(var(--book-rotation))}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--book-rotation))}}@keyframes fallFromLeft{0%{opacity:1;transform:translate(-800px,-50%) rotate(-90deg)}70%{opacity:1;transform:translate(calc(-50% - 10px),-50%) rotate(var(--book-rotation))}85%{opacity:1;transform:translate(calc(-50% + 3px),-50%) rotate(var(--book-rotation))}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--book-rotation))}}@keyframes fallFromRight{0%{opacity:1;transform:translate(800px,-50%) rotate(90deg)}70%{opacity:1;transform:translate(calc(-50% + 10px),-50%) rotate(var(--book-rotation))}85%{opacity:1;transform:translate(calc(-50% - 3px),-50%) rotate(var(--book-rotation))}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--book-rotation))}}.typewriter-overlay-fade{animation:overlayFadeOut .8s ease-in forwards}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.roll-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.roll-rotating{animation:barrelRoll 2s ease-in-out forwards;transform-origin:50% 50vh}.roll-flying-book{position:fixed;width:55px;height:80px;object-fit:cover;border:1px solid #999;opacity:0;pointer-events:none;z-index:10000;animation:flyOff 1.2s cubic-bezier(.2,0,1,1) var(--fly-delay) forwards;left:var(--fly-start-x);top:var(--fly-start-y)}@keyframes barrelRoll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flyOff{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}15%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--fly-spin) * .15)) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + var(--fly-dx)),calc(-50% + var(--fly-dy))) rotate(var(--fly-spin)) scale(.5)}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fafafa;color:#000;font-family:Georgia,Times New Roman,Times,serif;font-size:14px;font-weight:400;line-height:1.6;padding:60px 40px;overflow-x:hidden}#root{max-width:900px;margin:0 auto;background-color:#fff;padding:50px 60px;box-shadow:0 0 1px #0000001a;border:1px solid #d0d0d0}.navigation{margin-bottom:40px;padding-bottom:15px;border-bottom:2px solid #000000;text-align:left;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.nav-link{cursor:pointer;padding:4px 8px;margin-right:5px;border:1px solid #000000;background-color:transparent;transition:all .15s ease;display:inline-block}.nav-link:hover{background-color:#f0f0f0}.nav-link.active{background-color:#000;color:#fff}.page-title{margin-bottom:30px;text-align:center;padding-bottom:20px;border-bottom:1px solid #000000}.ascii-border-top{line-height:1.2;font-weight:700;margin:25px 0 15px;font-size:13px;letter-spacing:.3px}.year-section{margin:35px 0}.year-header{margin:35px 0 20px;text-align:left;padding:8px 0;border-top:1px solid #000000;border-bottom:1px solid #000000;background-color:#f5f5f5;font-weight:700}.stats-line{margin:25px 0;padding:12px 15px;text-align:left;background-color:#f9f9f9;border-left:3px solid #000000;font-size:13px}.book-list{display:flex;flex-direction:column;gap:0;margin:20px 0;border-top:1px solid #cccccc}.book-row{display:flex;gap:20px;padding:18px 12px;border-bottom:1px solid #e5e5e5;transition:background-color .12s ease}.book-row:hover{background-color:#fafafa}.book-cover-container{flex-shrink:0;width:75px;border:1px solid #d0d0d0;padding:2px;background-color:#fff}.book-cover-image{width:100%;height:auto;display:block;filter:none;opacity:1}.book-details{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}.want-to-read-section{margin:50px 0}.book-title{margin-bottom:6px;font-weight:600;font-size:15px;color:#000;letter-spacing:.2px}.book-meta{color:#555;margin-top:3px;font-size:13px}.section-divider{margin:45px 0;height:1px;background-color:#ccc}.rating{color:#000}a{color:#1a1a1a;text-decoration:underline;text-decoration-color:#999;transition:all .15s ease}a:hover{text-decoration-color:#000;color:#000}.search-container{position:relative}.search-input{font-family:Georgia,Times New Roman,Times,serif;font-size:12px;padding:5px 10px;border:1px solid #ccc;background:#fafafa;width:200px;outline:none;transition:border-color .15s ease}.search-input:focus{border-color:#000}.search-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;overflow-y:auto;background:#fff;border:1px solid #000;z-index:100;box-shadow:0 4px 12px #00000026}.search-result{padding:10px 12px;cursor:pointer;border-bottom:1px solid #e5e5e5;transition:background-color .1s ease}.search-result:last-child{border-bottom:none}.search-result:hover{background-color:#f0f0f0}.search-result-title{font-size:13px;font-weight:600;color:#000;margin-bottom:2px}.search-result-meta{font-size:11px;color:#666}@keyframes highlightFade{0%{background-color:#fff3cd}to{background-color:transparent}}.book-highlight{animation:highlightFade 2s ease-out forwards}.command-page-hidden{opacity:0;max-height:0;overflow:hidden;pointer-events:none}.command-page-reveal{animation:commandPageReveal 1s ease-out forwards}@keyframes commandPageReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{padding:20px 15px;font-size:13px}#root{padding:30px 20px;max-width:100%}.document-header{font-size:10px!important;margin-bottom:25px!important;flex-direction:column;align-items:flex-start!important;gap:8px}.search-input{width:160px;font-size:11px}.search-dropdown{width:260px}.navigation{margin-bottom:25px;padding-bottom:12px;font-size:10px}.nav-link{padding:6px 10px;margin-right:4px;font-size:10px}.page-title-main{font-size:16px!important}.page-title-sub{font-size:12px!important}.stats-line{padding:10px 12px;font-size:12px;line-height:1.7}.stats-header{font-size:11px!important}.stats-content{font-size:11px}.year-header{padding:6px 8px;margin:25px 0 15px}.year-header div{font-size:11px}.book-row{gap:15px;padding:15px 8px}.book-cover-container{width:60px}.book-title{font-size:14px}.book-meta{font-size:12px}.ascii-border-top{font-size:12px;margin:20px 0 12px}}@media (max-width: 480px){body{padding:15px 10px;font-size:12px}#root{padding:20px 15px;border:none;box-shadow:none}.document-header{font-size:9px!important;margin-bottom:20px!important;text-align:left!important}.doc-separator{display:none}.doc-ref,.doc-date{display:block;margin-bottom:4px}.navigation{margin-bottom:20px;padding-bottom:10px}.nav-link{padding:5px 8px;margin-right:3px;font-size:9px}.page-title{margin-bottom:20px;padding-bottom:15px}.page-title-main{font-size:14px!important;letter-spacing:.5px!important}.page-title-sub{font-size:11px!important}.stats-line{padding:8px 10px;font-size:11px}.stats-header{font-size:10px!important}.stats-content{font-size:10px;line-height:1.8}.stat-separator{display:none}.stat-item{display:block;margin-bottom:3px}.year-section{margin:25px 0}.year-header{padding:5px 6px;margin:20px 0 12px}.year-header div{font-size:10px;flex-direction:column;align-items:flex-start!important;gap:4px}.book-row{gap:12px;padding:12px 6px}.book-cover-container{width:50px}.book-title{font-size:13px;line-height:1.4}.book-meta{font-size:11px}.ascii-border-top{font-size:11px;margin:15px 0 10px;word-wrap:break-word}.section-divider{margin:30px 0}.want-to-read-section{margin:40px 0}}
