:root{--primary-color: #007aff;--background-color: rgba(255, 255, 255, .9);--panel-bg-color: #ffffff;--icon-color: #8A8A8E;--text-color: #1c1c1e;--shadow-color: rgba(0, 0, 0, .2);--border-color: rgba(255, 255, 256, .2);--toolbar-height: 60px;--bottom-margin: 20px;--bottom-safe-area: env(safe-area-inset-bottom);--btn-svg-color: rgb(255 235 153 / 70%);--btn-svg-hover: #fff;--transition: .7s cubic-bezier(.2, .8, .2, 1)}body{font-family:Arial,sans-serif;color:#fff;margin:0;height:var(--app-height);overflow:auto;display:flex;flex-direction:column;position:relative}.fixed-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(img/wallpaper_2.jpg);background-size:cover;background-position:center;background-attachment:fixed;z-index:-2}.fixed-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000001a;z-index:-1}.blur-glass-effect{background-color:#ffffff1a;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a;color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.5)}#tabButtons{display:flex;justify-content:center;gap:20px;margin-top:1.5rem;margin-bottom:2rem}#tabButtons button{border:none;outline:none;cursor:pointer;box-shadow:none;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;padding:1.2rem 3rem;width:200px;transition:all .3s ease;position:relative;overflow:hidden;border-radius:15px;background-size:cover;background-position:center;box-shadow:0 4px 10px #0000004d;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.15);text-shadow:1px 1px 3px rgba(0,0,0,.5);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}#tabButtons a{display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;padding:1.2rem 3rem;width:200px;font-family:ui-serif;transition:all .3s ease;position:relative;overflow:hidden;border-radius:15px;background-size:cover;text-align:center;background-position:center;box-shadow:0 4px 10px #0000004d;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.15);text-shadow:1px 1px 3px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}#tabButtons a.active{cursor:default;transform:none;box-shadow:0 8px 25px #00000080;border:2px solid #ffd700;background-color:#ffd70026}#btnPE{background-image:url(https://i.postimg.cc/YqJc3wzy/72a52f0318708b97da22eb39f2bead46.jpg)}#btnPC{background-image:url(https://i.postimg.cc/L6hRDDKh/94208e0e359a8303a5d027c0d5f03958.jpg)}#tabButtons button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;transition:background .3s ease}#tabButtons button:before{background:linear-gradient(to bottom,#0006,#0000001a)}#tabButtons button:hover:not([aria-current=page]){transform:translateY(-3px);box-shadow:0 8px 20px #0006;background-color:#ffffff1a;border-color:#ffffff4d}#tabButtons button:hover:not([aria-current=page]):before{background:linear-gradient(to bottom,#00000080,#0003)}#tabButtons button.active{cursor:default;transform:none;box-shadow:0 8px 25px #00000080;border:2px solid #ffd700;background-color:#ffd70026}#tabButtons button.active:before{background:linear-gradient(to bottom,#ffd70033,#b8860b0d)}#tabButtons button span{position:relative;z-index:2}#searchAndCategoryContainer{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;margin-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}#searchInput{background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#eee;backdrop-filter:blur(5px) saturate(150%);-webkit-backdrop-filter:blur(5px) saturate(150%);text-shadow:0px 0px 5px rgba(0,0,0,.5)}#searchInput::placeholder{color:#bbb}#searchInput:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70080}#categoryDropdown{background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#eee;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);text-shadow:0px 0px 5px rgba(0,0,0,.5);cursor:pointer;padding:.75rem;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right .75rem center;background-size:1.5rem}#categoryDropdown:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70080}@media(min-width:768px){#categoryDropdown{width:240px}}#scrollable{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;scrollbar-width:none;-ms-overflow-style:none}#scrollable::-webkit-scrollbar{display:none}#cardsContainer{flex-grow:1;padding-bottom:50px;position:relative;z-index:10;padding:1.5rem}.card-article{background-color:#ffffff73;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgb(255 255 255 / 75%);text-shadow:0px 0px 5px rgba(0,0,0,.5);color:#fff}.card-article:hover{transform:translateY(-5px);box-shadow:7px 7px 3px #0000004d;background-color:#ffffff26;border-color:#fff6;transition-duration:.7s}.icon-container{position:relative;display:inline-block}.tag-icon{position:absolute;top:5px;left:5px;width:24px;height:24px;background-color:#000000b3;border-radius:50%;padding:2px;object-fit:contain}.info-overlay{position:absolute;bottom:5px;right:5px;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;width:calc(100% - 10px);gap:5px}.viewbar,.verbar{background-color:#0003;color:#fff;padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:700}.item-title{margin-top:1rem;font-weight:700;text-align:center;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5rem}#pagination{display:flex;padding-bottom:6rem;justify-content:center;border-top:1px solid rgba(255,255,255,.1);background-color:#fff0;text-shadow:0px 0px 5px rgba(0,0,0,.5);color:#fff}#pagination a,#pagination span{padding:.5rem .9rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;color:#fff;text-decoration:none;font-weight:600;transition:all .2s;margin:0 2px}#pagination a:hover{background-color:#ffffff26}#pagination a[aria-current=page]{background-color:#ffd70040;border-color:gold;cursor:default}#pagination span{opacity:.6;pointer-events:none}#pagination button{background-color:#ffffff1a;color:#fff;padding:8px 12px;margin:0 2px;border:1px solid rgba(255,255,255,.2);border-radius:5px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;font-weight:600;outline:none;text-shadow:0px 0px 3px rgba(0,0,0,.5)}#pagination button:hover:not(:disabled){background-color:#fff3;border-color:#fff6}#pagination button:disabled{background-color:#ffffff0d;color:#bbb;cursor:not-allowed;border-color:#ffffff1a}#pagination button[aria-current=page]{background-color:#b8860b;border-color:gold;cursor:default}#pagination span{color:#bbb;font-weight:600;padding:0 5px;text-shadow:none}.social-buttons-fixed{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100}.social-button{background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);text-shadow:0px 0px 5px rgba(0,0,0,.5);color:#fff;width:50px;height:50px;border-radius:50%;text-decoration:none;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 10px #0000004d}.social-button:hover{background-color:#ffffff40;transform:scale(1.1);box-shadow:0 6px 15px #0006;border-color:#ffffff80}.social-button .social-icon{width:28px;height:28px;vertical-align:middle;margin:0}.social-button span{display:none}@media(min-width:768px){.social-button{width:auto;height:auto;padding:10px 15px;border-radius:8px}.social-button span{display:inline;margin-left:8px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;font-size:1.2rem;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.loading-overlay.hidden{opacity:0;visibility:hidden}.loading-spinner{border:8px solid rgba(255,255,255,.2);border-top:8px solid #ffd700;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{width:40px;aspect-ratio:1;color:#f03355;position:relative;background:conic-gradient(from 134deg at top,currentColor 92deg,#0000 0) top,conic-gradient(from -46deg at bottom,currentColor 92deg,#0000 0) bottom;background-size:100% 50%;background-repeat:no-repeat}.loader:before{content:"";position:absolute;inset:0;--g: currentColor 14.5px, #0000 0 calc(100% - 14.5px) , currentColor 0;background:linear-gradient(45deg,var(--g)),linear-gradient(-45deg,var(--g));animation:l7 1.5s infinite cubic-bezier(.3,1,0,1)}@keyframes l7{33%{inset:-10px;transform:rotate(0)}66%{inset:-10px;transform:rotate(90deg)}to{inset:0;transform:rotate(90deg)}}.footer{background-color:#ffffff0d;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border-top:1px solid rgba(255,255,255,.2);box-shadow:0 -4px 30px #0000001a;color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.5);padding-bottom:80px}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;width:100%;max-width:1200px;margin:0 auto}.footer-links{display:flex;gap:1.5rem;margin:1rem 0;flex-wrap:wrap;justify-content:center}.footer-links a{color:#ddd;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:gold;text-decoration:underline}.footer-socials{display:flex;gap:1rem;margin-top:1rem}.footer-socials a{display:block;transition:transform .3s ease}.footer-socials a:hover{transform:scale(1.1)}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.bottom-nav-container{z-index:1000;display:flex;flex-direction:column-reverse;align-items:center;padding-bottom:calc(var(--bottom-margin) + var(--bottom-safe-area));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.context-panel{position:absolute;bottom:100px;background-color:#fff;border-radius:28px;box-shadow:0 8px 32px var(--shadow-color);border:1px solid var(--border-color);margin-bottom:12px;width:calc(100% - 40px);max-width:450px;box-sizing:border-box;opacity:0;transform:translateY(10px) scale(.95);visibility:hidden;transition:var(--transition);pointer-events:auto}.bottom-nav-container.panel-active .context-panel{opacity:1;transform:translateY(0) scale(1);visibility:visible}.toolbar{position:absolute;bottom:40px;width:40px;max-width:450px;width:calc(100% - 40px);height:var(--toolbar-height);background-color:#fff3;backdrop-filter:url(#distorsion);-webkit-backdrop-filter:url(#distorsion);transition:all .6s ease;display:flex;justify-content:space-around;align-items:center;border-radius:30px;box-shadow:0 0 10px var(--shadow-color);border:1px solid var(--border-color);pointer-events:auto}.toolbar:before{content:"";background:radial-gradient(circle,rgba(255,255,255,1),transparent 100%);transform:translate(-100%) rotate(25deg);transition:transform 1.2s ease}.toolbar:hover{transform:scale(1.1)}.toolbar-button{outline:none;-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;flex-basis:0;flex-grow:1;color:var(--icon-color);font-size:10px;font-weight:500;position:relative;transition:color .2s ease;font-size:22px}.toolbar-button.active .btn-svg{fill:#00b9ff}.search-container{display:flex;align-items:center;background-color:#fff0}.search-container input{flex-grow:1;padding:20px 16px;font-size:16px;border:none;border-radius:10px;background-color:#fff0;outline:none}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;padding:20px 16px;overflow-y:auto;height:200px}.category-item{-webkit-tap-highlight-color:transparent;outline:none;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--text-color)}.btn-svg{fill:var(--btn-svg-color);transition:fill .3s ease-in-out,transform .3s ease-in-out;width:26px;height:26px}.btn-svg:hover{transform:scale(1.2) translateY(-5px)}.category-item .cat-icon{width:48px;height:48px;background-color:#f2f2f7;border-radius:16px;display:grid;place-items:center;font-size:22px}.category-item span{font-size:12px}@media(max-width:520px){.toolbar,.context-panel{width:calc(100% - 150px)}.bottom-nav-container{padding-bottom:calc(10px + var(--bottom-safe-area))}}