html,body,#root{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Inter,sans-serif}*{box-sizing:border-box}.app{min-height:90vh}.app-header{justify-content:space-between;align-items:center;padding:20px 24px 8px;display:flex}.app-header h1{color:#222;margin:0;font-size:20px;line-height:1.2}.app-header a{color:inherit;text-decoration:none}.app-header nav{align-items:center;gap:8px;display:flex}.app-nav-link{color:#222;padding:8px;font-size:14px;text-decoration:none}.blog-menu-link{padding:8px;display:flex}.blog-menu-link img{width:24px;height:24px}.blog-page{max-width:680px;margin:40px auto;padding:0 24px}.blog-page h2{margin:0 0 24px;font-size:28px}.blog-list{gap:24px;display:grid}.blog-list-item{border-bottom:1px solid #e5e5e5;padding-bottom:24px}.blog-list-item h3{margin:6px 0;font-size:22px}.blog-list-item a,.blog-back-link{color:#222}.blog-list-item p,.blog-page time{color:#666}.blog-post{line-height:1.7}.blog-post h1{line-height:1.2}.blog-post img{border-radius:12px;max-width:100%}.blog-back-link{margin-bottom:24px;display:inline-block}.screen-frame{min-height:calc(90vh - 56px);position:relative}.screen-nav{pointer-events:none;z-index:9;justify-content:space-between;width:100%;display:flex;position:absolute;inset:0}.screen-nav-button{color:#222;cursor:pointer;font:inherit;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;justify-content:flex-start;align-items:center;width:50%;min-height:100%;padding:0 24px;font-size:24px;line-height:1;display:inline-flex}.screen-nav-button:active,.screen-nav-button:focus{background:0 0;outline:none}.screen-nav-button:last-child{justify-content:flex-end}.screen-nav-button:disabled{cursor:default;opacity:.35}.screen-nav-button img{width:24px;height:24px}.screen-progress{z-index:10;background:#ececec;border-radius:10px;width:100%;max-width:none;height:5px;margin:0;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.screen-progress-bar{transform-origin:0;background:#222;width:100%;height:100%;animation:6s linear forwards screen-progress}@keyframes screen-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.aus-refs-page{min-height:calc(90vh - 56px);position:relative}.aus-refs-bottom-content{box-sizing:border-box;max-width:720px;min-height:60vh;margin:0 auto;padding:64px 24px 96px}.aus-refs-bottom-content h2{margin:0 0 16px;font-size:32px;line-height:1.2}.aus-refs-bottom-content p{color:#555;margin:0;font-size:18px;line-height:1.7}.books-page{max-width:1080px;margin:40px auto 80px;padding:0 24px}.books-page-header{max-width:680px;margin-bottom:32px}.books-page-header h2{margin:0 0 12px;font-size:32px;line-height:1.2}.books-page-header p{color:#666;margin:0;font-size:18px;line-height:1.6}.books-count{color:#222;margin-bottom:4px;font-weight:700;display:block}.books-grid{grid-template-columns:repeat(3,180px);justify-content:center;gap:24px;display:grid}.book-card{border-radius:16px;gap:8px;padding:0;display:grid}.book-note{margin:0;font-size:14px;line-height:1.3}.book-cover{aspect-ratio:2/3;object-fit:cover;background:#f4f4f4;border-radius:10px;width:100%;display:block;box-shadow:0 12px 30px #00000014}.book-cover-placeholder{color:#fff;text-align:center;background:linear-gradient(135deg,#ffffff42,#0000 40%),#222;justify-content:center;align-items:center;padding:24px;font-weight:700;line-height:1.35;display:flex}.book-card h3{margin:0;font-size:20px;line-height:1.3}@media (width<=860px){.books-grid{grid-template-columns:repeat(2,180px)}}@media (width<=560px){.books-grid{grid-template-columns:repeat(2,minmax(0,160px))}.book-card{max-width:160px}}.portfolio-page{min-height:calc(90vh - 56px);position:relative}.portfolio-bottom-content{box-sizing:border-box;max-width:720px;min-height:60vh;margin:0 auto;padding:64px 24px 96px}.portfolio-bottom-content h2{margin:0 0 16px;font-size:32px;line-height:1.2}.portfolio-bottom-content p{color:#555;margin:0;font-size:18px;line-height:1.7}