@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";.loader{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid;border-color:#0a0a0a #0000;animation:l1 1s infinite}@keyframes l1{to{transform:rotate(.5turn)}}*,:before,:after{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-sidebar: #fafafa;--text-primary: #0a0a0a;--text-secondary: #6b6b6b;--text-highlight: #1a1a1a;--border-color: #e0e0e0;--shadow-light: rgba(0, 0, 0, .08);--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1rem;--font-xl: 1.5rem}.container{max-width:1200px;margin:4dvh auto;padding:0 25px}body{font-family:Poppins,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}.logo{display:flex;align-items:center;gap:10px}.logo img{fill:#0a0a0a}.logo h1{font-size:var(--font-xl)}header{margin-bottom:40px}header nav{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 0}.share-fact{display:block;background-color:#0a0a0a;color:#fff;max-width:350px;padding:12px 24px;border-radius:12px;border:none;font-weight:600;font-size:var(--font-base);transition:all .3s ease}.share-fact:hover{cursor:pointer;background-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}main{display:grid;grid-template-columns:250px 2fr;gap:48px}.categories{display:flex;flex-direction:column}.categories h3{font-size:var(--font-base);margin-bottom:2vh;color:var(--text-secondary);display:inline-block}.categories-button{display:block;max-width:350px;padding:14px 20px;margin-bottom:8px;border-radius:12px;border:none;font-size:var(--font-sm);font-weight:600;transition:all .3s ease;text-align:left}.categories-button.active{background-color:#0a0a0a;color:#fff;border:none}.categories-button{background-color:#fff;color:#0a0a0a;border:2px solid var(--border-color)}.categories-button:hover{cursor:pointer;transform:translate(4px);box-shadow:0 2px 8px #0000001a}.facts{margin-bottom:50px}.items{height:520px;width:100%;overflow-y:scroll;overflow-x:auto;overflow:auto;padding:10px}.facts-bar{min-width:100px;padding:20px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.facts-bar h2{display:inline;font-size:var(--font-xl)}.button-facts-button{transition:.3s}.button-facts button:nth-of-type(1){max-width:150px;padding:8px 16px;border-radius:8px;border:2px solid var(--border-color);font-size:var(--font-sm);font-weight:600;margin-right:10px;background-color:transparent;color:var(--text-secondary);transition:all .3s ease}.button-facts button:nth-of-type(2){max-width:150px;padding:8px 16px;border-radius:8px;border:2px solid transparent;font-size:var(--font-sm);font-weight:600;margin-right:10px;background-color:transparent;color:var(--text-secondary);transition:all .3s ease}.button-facts button:nth-of-type(1):hover{background-color:var(--border-color);cursor:pointer}.button-facts button:nth-of-type(2):hover{color:var(--text-highlight);cursor:pointer}.facts-item{padding:20px;min-height:150px;background-color:#fff;border-radius:16px;margin-bottom:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.facts-item:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.fact-item-bar{width:100%;display:flex;justify-content:space-between}.technology,.science,.finance,.society,.entertainment,.health,.history,.news{background-color:#0a0a0a;color:#fff}.facts-item-bar-category{display:inline-block;padding:6px 12px;font-size:var(--font-xs);font-weight:600;border-radius:8px;margin-bottom:12px;letter-spacing:.5px}.facts-item-bar-source{display:inline-block;font-size:var(--font-sm);color:var(--text-secondary);height:100%;display:flex;align-items:center}.facts-item-bar-source .source{margin-right:5px;text-decoration:none;color:var(--text-secondary);transition:color .2s ease}.facts-item-bar-source:hover{cursor:pointer}.facts-item-bar-source:hover .source{color:var(--text-highlight)}.facts-item-bar-source:hover .source-icon{stroke:var(--text-highlight)}.facts-item-reactions-votes{display:inline-flex;align-items:center;gap:4px}.facts-item-reactions button{height:24px}.facts-item-reactions button .material-symbols-outlined{font-size:24px}.facts-item-paragraph{margin-bottom:10px}.facts-item-reactions button{border:none;background:none;cursor:pointer}@media (max-width: 750px){main{grid-template-columns:1fr}.categories{width:100%}.categories-button{width:100%;max-width:none}.items{height:auto;overflow:visible}}@media (width <=450px){.facts-bar h2{font-size:1.2rem}.logo h1{font-size:var(--font-lg)}.share-fact{max-width:245px;padding:10px 22px;border-radius:10px;font-size:var(--font-lg)}.button-facts-button{padding:5px 10px!important}}input:focus,textarea:focus,select:focus{outline:none}input:focus::placeholder,textarea:focus::placeholder{color:transparent;transition:.2s}dialog{background-color:#fff;border:1px solid var(--border-color);border-radius:20px;padding:24px;width:400px;color:var(--text-primary);margin:auto;opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease;box-shadow:0 8px 32px #0000001f}dialog:not([open]){opacity:0;transform:scale(.9);pointer-events:none;display:block}dialog .header span{font-weight:700}dialog::backdrop{background:#0006}.header{font-size:1.2em;color:var(--text-primary);margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}#close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2em;cursor:pointer;transition:color .3s}#close-btn:hover{color:var(--text-primary)}textarea{width:100%;height:80px;background-color:#fff;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);padding:12px;resize:none;font-size:var(--font-sm);transition:border-color .3s}textarea:focus{border-color:#0a0a0a}input[type=url],select{width:48%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-color);background-color:#fff;color:var(--text-primary);margin-right:10px;font-size:var(--font-sm);transition:border-color .3s}input[type=url]:focus,select:focus{border-color:#0a0a0a}.row{display:flex;justify-content:space-between;margin-bottom:15px}.post-btn{width:100%;padding:12px;background-color:#0a0a0a;border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.post-btn:hover{background-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.character-counter{font-size:var(--font-sm)}.toast{position:fixed;bottom:30px;right:20px;background-color:#0a0a0a;color:#fff;padding:16px 24px;border-radius:12px;font-weight:500;font-size:var(--font-base);box-shadow:0 8px 24px #0003;opacity:0;transform:translate(100px);transition:opacity .3s ease,transform .3s ease;z-index:10000}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(100px)}