*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#fff;background:#0a0a0a;font-family:monospace}.trollbook{width:100%;max-width:1200px;margin:40px auto;padding:0 20px}footer{text-align:center;color:#555;width:100%;font-size:11px;position:fixed;bottom:20px;left:0}h1{margin-bottom:30px;font-size:24px}.trolls{flex-wrap:wrap;gap:15px;display:flex}.troll{cursor:pointer;background:#0f0f0f;border:1px solid #222;flex:300px;align-items:center;gap:15px;min-width:250px;padding:15px;transition:border-color .15s,background .15s;display:flex}.troll:hover{background:#141414;border-color:#444}.troll-photo{object-fit:cover;background:#181818;border-radius:50%;flex-shrink:0;width:55px;height:55px}.troll-info{min-width:0}.username{color:#aaa;margin-bottom:8px;font-size:13px}.text{color:#ddd;font-size:12px;line-height:1.5}.modal-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#0d0d0d;border:1px solid #333;width:900px;max-width:100%;max-height:calc(100vh - 40px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 80px #000000b3}.modal-close{z-index:2;color:#888;cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:24px;position:absolute;top:10px;right:10px}.modal-close:hover{color:#fff}.modal-photo{object-fit:cover;flex-shrink:0;width:220px;height:220px}.modal-content{flex:1;min-width:0;padding:30px;overflow-y:auto}.modal-content h2{margin:0 0 15px;font-size:20px}.modal-content p{color:#888;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 30px;font-size:12px;line-height:1.7}.modal-details{border-top:1px solid #202020;flex-direction:column;gap:5px;padding:12px 0;font-size:11px;display:flex}.modal-details span{color:#555}.modal-details strong{color:#ccc;font-weight:400}@media (width<=600px){.modal{flex-direction:column;max-height:calc(100vh - 40px)}.modal-photo{width:100%;height:220px}.modal-content{overflow-y:auto}}.youtube-ad{z-index:1000;color:#fff;background:#0b0b0b;border:1px solid #2a2a2a;border-radius:12px;width:420px;max-width:calc(100vw - 32px);padding:18px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #0000008c}.youtube-ad-close{color:#777;cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:28px;padding:0;font-size:25px;line-height:28px;transition:color .15s,background .15s;position:absolute;top:8px;right:10px}.youtube-ad-close:hover{color:#fff;background:#1d1d1d}.youtube-ad-content{align-items:center;gap:14px;padding-right:28px;display:flex}.youtube-ad-icon{object-fit:cover;border-radius:10px;flex:0 0 96px;width:96px;height:96px}.youtube-ad-info{min-width:0}.youtube-ad-label{color:#ffba08;letter-spacing:1.5px;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.youtube-ad-info h2{color:#fff;margin:0 0 7px;font-size:20px;line-height:1.2}.youtube-ad-info p{color:#8c8c8c;margin:0;font-size:12px;line-height:1.5}.youtube-ad-actions{gap:8px;margin-top:16px;display:flex}.youtube-ad-button{color:#fff;background:#bf211e;border-radius:6px;flex:1;justify-content:center;align-items:center;height:38px;font-size:12px;font-weight:800;text-decoration:none;transition:background .15s;display:flex}.youtube-ad-button:hover{background:#a91d1a}@media (width<=600px){.youtube-ad{width:calc(100vw - 32px);padding:15px;bottom:16px;right:16px}.youtube-ad-icon{flex-basis:64px;width:64px;height:64px}.youtube-ad-info h2{font-size:17px}.youtube-ad-info p{font-size:11px}}.nyan-container{pointer-events:none;z-index:999;opacity:0;width:100%;height:100px;transition:opacity .5s;position:fixed;top:120px;left:0;overflow:visible}.nyan-container.visible{opacity:1}.nyan-container.hidden{opacity:0}.nyan-container:not(.reverse){animation:9s linear forwards nyan-move}.nyan-container.reverse{animation:9s linear forwards nyan-move-reverse}.nyan-cat{z-index:2;width:100px;height:auto;image-rendering:pixelated;display:block;position:absolute;top:0;right:0}.nyan-container.reverse .nyan-cat{left:0;right:auto;transform:scaleX(-1)}.rainbow-trail{opacity:.85;transform-origin:100%;z-index:1;clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);background:repeating-linear-gradient(red 0 5px,#ff8c00 5px 10px,#ff0 10px 15px,#0f0 15px 20px,#00bfff 20px 25px,#8a2be2 25px 30px);width:100vw;height:35px;position:absolute;top:32px;right:25px;transform:rotate(-3deg);-webkit-mask-image:linear-gradient(270deg,#000 0%,#000c 40%,#00000059 75%,#0000 100%);mask-image:linear-gradient(270deg,#000 0%,#000c 40%,#00000059 75%,#0000 100%)}.nyan-container.reverse .rainbow-trail{transform-origin:0;clip-path:polygon(0 0,100% 45%,100% 55%,0 100%);left:25px;right:auto;transform:rotate(-3deg);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000c 40%,#00000059 75%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#000c 40%,#00000059 75%,#0000 100%)}@keyframes nyan-move{0%{transform:translate(-100vw)}to{transform:translate(100vw)}}@keyframes nyan-move-reverse{0%{transform:translate(100vw)}to{transform:translate(-100vw)}}