header{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100vh;width:100%}.intro p{line-height:1.6}.intro a{color:#d65d0e;text-decoration:underline}.ascii-art{font-size:20px;white-space:pre;overflow:hidden;background:linear-gradient(90deg,#ebdbb2,#fabd2f,#fe8019,#fb4934,#fe8019,#fabd2f,#ebdbb2);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;color:transparent;transition:background-position .5s ease}.ascii-art:hover{background-position:100% center}.contact-links{display:flex;gap:20px;justify-content:center;margin-top:40px}.social-btn{color:#928374;text-decoration:none;padding:10px;display:flex;align-items:center;transition:color .5s ease-in-out;font-size:16px;font-weight:700}.social-btn:nth-child(1):hover{color:#ebdbb2}.social-btn:nth-child(2):hover{color:#fabd2f}.social-btn:nth-child(3):hover{color:#fc9a24}.social-btn:nth-child(4):hover{color:#fe8019}.social-btn:nth-child(5):hover{color:#fb4934}.spring-icon{display:inline-block;opacity:0;transform:translateY(30px) scale(.92);animation:spring-up .6s forwards;animation-timing-function:cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.social-btn:nth-child(1) .spring-icon{animation-delay:0s}.social-btn:nth-child(2) .spring-icon{animation-delay:.08s}.social-btn:nth-child(4) .spring-icon{animation-delay:.16s}.social-btn:nth-child(5) .spring-icon{animation-delay:.24s}@keyframes spring-up{0%{opacity:0;transform:translateY(30px) scale(.92)}70%{opacity:1;transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.spring-icon{opacity:1;transform:none;animation:none}}@media (max-width: 768px){.ascii-art{font-size:12px;letter-spacing:normal}}@media (max-width: 480px){.intro p{margin-bottom:15px}}.image-loader-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#282828}.image-loader-spinner{position:absolute;width:30px;height:30px;border:3px solid rgba(235,219,178,.3);border-radius:50%;border-top-color:#ebdbb2;animation:spin 1s ease-in-out infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}.image-content{opacity:0;transition:opacity .5s ease;display:block;width:100%;height:100%;object-fit:cover}.image-content.loaded{opacity:1}.book-card{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#1d2021;border:2px solid #3c3836;border-radius:8px;transition:border-color .3s ease,transform .3s ease;cursor:pointer;font:inherit;color:inherit;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.book-card:hover{border-color:#fe8019;transform:translateY(-4px)}.book-cover{width:100%;aspect-ratio:2 / 3;border-radius:4px;overflow:hidden;background-color:#282828;box-shadow:0 4px 12px #0000004d}.book-cover img{width:100%;height:100%;object-fit:cover}.book-info{display:flex;flex-direction:column;gap:4px}.book-title{color:#ebdbb2;font-size:16px;font-weight:700;line-height:1.3}.book-author{color:#928374;font-size:14px}@media (max-width: 768px){.book-title{font-size:14px}.book-author{font-size:12px}}@media (max-width: 480px){.book-card{padding:12px}.book-title{font-size:13px}.book-author{font-size:11px}}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px;width:100%;max-width:800px}.library-subtitle{color:#928374;font-size:16px;font-weight:400;margin-bottom:30px;text-align:center}@media (max-width: 768px){.library-grid{grid-template-columns:repeat(2,1fr);gap:20px}.library-subtitle{font-size:14px;margin-bottom:25px}}@media (max-width: 480px){.library-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:0 10px}}.post-card{display:flex;align-items:center;gap:20px;padding:20px;background-color:#1d2021;border:2px solid #3c3836;border-radius:8px;text-decoration:none;width:100%;max-width:800px}.post-cover{width:150px;height:150px;border-radius:6px;background-color:#282828}.post-cover img{width:100%;height:100%;object-fit:cover}.post-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}.post-title{color:#ebdbb2;font-size:24px;font-weight:700;line-height:1.3;white-space:pre-wrap}.post-arrow{color:#928374;font-size:40px;font-weight:700}@media (max-width: 768px){.post-card{gap:15px}.post-cover{width:130px;height:130px;flex-shrink:0}}@media (max-width: 480px){.post-title{font-size:20px}.post-cover{width:130px;height:130px}}.posts-list{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;max-width:800px}*{margin:0;padding:0;box-sizing:border-box}html{background-color:#1d2021;background-image:radial-gradient(#252525 1.5px,#1d2021 1.5px);background-size:25px 25px;background-attachment:fixed;overscroll-behavior:none}body{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282828;color:#ebdbb2;font-size:17px;min-height:100vh;position:relative;scroll-behavior:smooth;overflow-x:hidden;background-color:transparent;background-image:radial-gradient(#252525 1.5px,#1d2021 1.5px);background-size:25px 25px;width:100%}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.top-nav{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;gap:30px}.nav-link{color:#a89984;text-decoration:underline;font-size:20px;transition:color .5s ease-in-out}.nav-link:hover{color:#fe8019}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.blog-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:100px 20px 40px;width:100%}.blog-container p a,.blog-container li a{color:#d65d0e;text-decoration:underline}.blog-title{color:#ebdbb2;font-size:32px;margin-bottom:40px;text-align:center;width:100%;max-width:800px;word-wrap:break-word;overflow-wrap:break-word}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background-color:#282828f2;color:#a89984;padding:10px 20px;border-radius:6px;font-size:13px;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media (max-width: 768px){.blog-title{font-size:24px}.toast{font-size:12px;padding:8px 16px}}@media (max-width: 480px){.blog-title{font-size:20px;margin-bottom:30px}}