:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.social-post{max-width:600px;margin:20px auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.user-avatar{width:48px;height:48px;border-radius:50%;margin-right:12px;object-fit:cover}.user-info h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.post-time{font-size:13px;color:#65676b}.post-actions{display:flex;padding:8px 12px}.action-btn .icon{width:20px;height:20px;transition:all .3s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.social-post{margin:10px;border-radius:8px}.action-btn{font-size:14px;padding:8px 12px}.action-btn span{display:none}.action-btn .icon{width:24px;height:24px}}:root{--bg--body: #ebeef1;--bg--header: #f8f9fa;--text-color: #3b3c3f;--txt-color-hov: #000;--border-color: #dbdfe4;--card-color: #ffffff;--card-border: #ffffff;--footer-brand: #81899a;--footer-bottom: #9ca3af;--footer-tech: #374151;--username: #8b98a5;--url-link: #2563eb;--img-bg: #f0f0f0;--icon-color: #65676b;--edited-text: #6c757d;--txt-editor: #f1f0ff;--comment-editor: #dcdfeb;--txt-muted: rgba(33, 37, 41, .75);--search-container: #e1e5ea;--highlighted-text: rgba(255, 213, 0, .4);--btn-color: #007bff;--btn-hover: #0056b3;--txt-editor-hov: #fff;--bg-error-page: linear-gradient(45deg, #0d6efd 0%, #0dcaf0 100%);--bg-error-btn: rgb(255 255 255 / 20%);--bg-error-btn-hover: rgba(255, 255, 255, .3);--bg-btn-secondary: #6c757d;--bg-btn-secondary-hover: #5c636a;--bg-btn-danger: #dc3545;--bg-btn-danger-hover: #bb2d3b;--bg-google-btn: #e9ebf1;--shimmer-color: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)}[data-theme=dark]{--bg--body: #1A202C;--bg--header: #343d46;--text-color: #d2d3d5;--txt-color-hov: #fff;--border-color: #36435d;--card-color: #4A5568;--card-border: #000000;--footer-brand: #9ca6bb;--footer-bottom: #c5ccda;--footer-tech: #859fca;--username: #9db1c4;--url-link: #7fa7ff;--img-bg: #383946;--icon-color: #b7bac0;--edited-text: #8c97a2;--txt-editor: #d7d9dc;--comment-editor: #798ba9;--txt-muted: rgba(149, 177, 206, .75);--search-container: #393f47;--highlighted-text: rgba(0, 253, 255, .4);--btn-color: #5F6D86;--btn-hover: #4f5c74;--txt-editor-hov: #ededee;--bg-error-page: linear-gradient(45deg, #1A202C 0%, #1f3562 100%);--bg-error-btn: rgb(255 255 255 / 20%);--bg-error-btn-hover: rgba(255, 255, 255, .3);--bg-btn-secondary: #6c757d;--bg-btn-secondary-hover: #5c636a;--bg-btn-danger: #dc3545;--bg-btn-danger-hover: #bb2d3b;--bg-google-btn: #5F6D86;--shimmer-color: linear-gradient(90deg, #1A202C 25%, #343d46 50%, #383946 75%)}body{background-color:var(--bg--body);color:var(--text-color)}#root{margin:0 auto;min-height:43rem}.btn{background-color:var(--btn-color);color:#fff}.btn:hover{background-color:var(--btn-hover)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{background-color:var(--btn-hover);border:#0056b3}.btn.disabled,.btn:disabled,fieldset:disabled .btn{background-color:var(--btn-hover);color:var(--btn-color)}.btn-danger,.btn-danger.active{background-color:var(--bg-btn-danger);border:1px solid var(--border-color)}.btn-danger:hover,.btn-danger:focus{background-color:var(--bg-btn-danger-hover);border:1px solid var(--border-color)}.btn-secondary,.btn-secondary.active{background-color:var(--bg-btn-secondary);border:1px solid var(--border-color)}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--bg-btn-secondary-hover);border:1px solid var(--border-color)}.btn-ghost,.btn-ghost.active{background-color:var(--bg-btn-secondary);border:1px solid var(--border-color)}.btn-ghost:hover,.btn-ghost:focus{background-color:var(--bg-btn-secondary-hover);border:1px solid var(--border-color)}.btn-amber,.btn-amber.active{background-color:var(--bg-btn-danger);border:1px solid var(--border-color)}.btn-amber:hover,.btn-amber:focus{background-color:var(--bg-btn-danger-hover);border:1px solid var(--border-color)}.dropdown-menu{background-color:var(--bg--header)}.dropdown-item{color:var(--text-color)}.dropdown-divider{border-top:var(--border-color)}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--card-color);color:var(--txt-color-hov)}.text-muted{color:var(--txt-muted)!important}.navbar-brand,.navbar-brand:focus{color:var(--text-color)}.navbar-brand:hover{color:var(--txt-color-hov)}.nav-link{color:var(--text-color)}.nav-link:focus,.nav-link:hover{color:var(--txt-color-hov)}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--txt-color-hov)}.action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;color:var(--icon-color);transition:all .2s ease}.action-btn:hover{background:transparent;color:var(--txt-color-hov)}.like-btn.liked{color:red}.like-btn.liked .icon{animation:pop .3s ease-in-out;fill:red;stroke:red}.comments-section{padding:16px 20px;background:var(--img-bg)}.comment-form{display:flex;align-items:center;gap:12px;margin-bottom:20px;background:var(--card-color);padding:12px;border-radius:20px}.comment-content{flex:1;background:var(--card-color);padding:12px;border-radius:12px}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.comment-user{font-size:14px;font-weight:600;color:var(--text-color)}.comment-time{font-size:12px;color:var(--text-color)}.comment-text{margin:0;font-size:14px;line-height:1.4;color:var(--text-color)}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-input{flex:1;border:none;outline:none;font-size:14px;color:#000;padding:8px;background:var(--txt-editor);border-radius:15px}.comment-input::placeholder{color:#65676b}.comment-submit{background:var(--btn-color);color:#fff;border:none;padding:8px 16px;border-radius:16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.comment-submit:hover,.comment-submit:focus,.comment-submit:active{background:var(--btn-hover)}.comment-submit:active{transform:scale(.98)}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{display:flex;gap:12px;animation:slideIn .3s ease}.invalid-feedback{color:#e9293c}.toggle-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.toggle-slot{position:relative;height:2.5em;width:4.5em;border:2px solid #e4e7ec;border-radius:10em;background-color:#fff;box-shadow:0 1px 4px #e4e7ec;transition:background-color .25s}.toggle-checkbox:checked~.toggle-slot{background-color:#374151}.toggle-button{transform:translate(2.25em,.4em);position:absolute;height:1.5em;width:1.5em;border-radius:50%;background-color:#ffeccf;box-shadow:inset 0 0 0 .25em #ffbb52;transition:background-color .25s,border-color .25s,transform .5s cubic-bezier(.26,2,.46,.71)}.toggle-checkbox:checked~.toggle-slot .toggle-button{background-color:#485367;box-shadow:inset 0 0 0 .25em #fff;transform:translate(.5em,.4em)}.sun-icon{position:absolute;height:6em;width:6em;color:#ffbb52}.sun-icon-wrapper{position:absolute;height:1.7em;width:1.2em;opacity:1;transform:translate(.6em,.3em) rotate(15deg);transform-origin:50% 50%;transition:opacity .15s,transform .5s cubic-bezier(.26,2,.46,.71)}.toggle-checkbox:checked~.toggle-slot .sun-icon-wrapper{opacity:0;transform:translate(2.7em,.3em) rotate(0)}.moon-icon{position:absolute;height:1em;width:1.5em;color:#fff}.moon-icon-wrapper{position:absolute;height:1.7em;width:1em;opacity:0;transform:translate(.7em,.3em) rotate(0);transform-origin:50% 50%;transition:opacity .15s,transform .5s cubic-bezier(.26,2,.46,.71)}.toggle-checkbox:checked~.toggle-slot .moon-icon-wrapper{opacity:1;transform:translate(2.7em,.25em) rotate(-15deg)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.page-content{place-items:center;min-height:70vh}.page-link{background-color:var(--btn-color);color:var(--text-color);border:1px solid var(--border-color)}.page-link:hover,.page-link:focus,.page-link:active{background-color:var(--btn-hover);color:var(--txt-color-hov);border:1px solid var(--border-color)}.error-page{min-height:100vh;min-width:-webkit-fill-available;background:var(--bg-error-page)}.error-container{max-width:600px}.error-code{font-size:12rem;font-weight:900;background:linear-gradient(to right,#fff,#ffffff80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s infinite}.error-message{color:#ffffffe6}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn-glass{background:var(--bg-error-btn);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;transition:all .3s ease}.btn-glass:hover,.btn-amber:focus,.btn-danger.active{background:var(--bg-error-btn-hover);color:#fff;transform:translateY(-2px)}#root,.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}shadow-top{box-shadow:0 -8px 8px -6px #00000080}input[type=file]{width:100%}input[type=file]::file-selector-button{padding:.5em 2em;border-width:0;border-radius:.5em;background-color:var(--btn-color);color:#fff;transition:all .25s ease-in-out;cursor:pointer;margin-right:1em}input[type=file]:hover{border-color:#888}input[type=file]:hover::file-selector-button{background-color:var(--btn-hover)}input[type=file]{margin:auto;padding:.5em;background-color:transparent;transition:border-color .25s ease-in-out}input[type=file]:hover{border-color:#06f}input[type=file]:hover::-webkit-file-selector-button{background-color:#517da9}.white-card{background-color:#fff}.app-grid{display:grid;grid-template-columns:250px 1fr;overflow:hidden}.grey-background{background-color:#ebeef1}.sslogo{height:50px;width:55px}.sidebars{min-height:25rem;max-height:25rem;min-width:18rem;padding:2rem;margin:1rem;font-size:larger}.user-profile-image{height:3rem;width:3rem}.post-container{margin:auto;border:1px solid var(--border-color);border-radius:16px;background-color:var(--card-color)}.post-container2{margin:auto;border:1px solid #dbdfe4;border-radius:16px;background-color:var(--search-container)}.bg-header{background-color:var(--bg--header)}.profile-container{margin:auto;border:1px solid var(--border-color);background-color:var(--bg--header)}.dashboard-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}.post-header{padding:16px 16px 0}.post-header2{padding:16px}.post-body{padding:0 16px 16px}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.avatar-profile{height:20rem;width:20rem;border-radius:50%;object-fit:cover}.form-image{height:20rem;width:100%;object-fit:cover}.form-control{border-radius:.5em;background-color:var(--txt-editor)}.form-control:focus{background-color:var(--txt-editor-hov)}.url-link{color:var(--url-link)}.postImage{max-height:20rem;max-width:100%;width:auto;height:auto;object-fit:contain}.postImageContainer{width:100%;max-height:20rem;height:20rem;background-color:var(--img-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.username{color:var(--username);font-size:.95rem}.dashboard-username{color:var(--username);font-size:1.1rem}.post-text{font-size:1rem;line-height:1.5;margin:12px 0;color:var(--text-color)}.timestamp{color:var(--username);font-size:.95rem;margin-top:1rem;margin-bottom:0rem;font-size:.875em}.stats{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:8px;color:var(--username);cursor:pointer;transition:color .2s}.stat-icon{font-size:1.2rem}.success-toast{background-color:#d0ffd0;color:#004e00}.svgButton{color:var(--text-color);background-color:transparent}.svgButton:hover{border-color:transparent}.field-width{width:75%}.divider:after,.divider:before{content:"";flex:1;height:1px;background:#eee}.h-custom{height:calc(100% - 73px)}.hide{display:none}.post-text-input{width:100%;color:#000;min-height:100px;font-family:inherit;font-size:inherit;border:1px solid #ccc;padding:8px;resize:vertical;background-color:#f0f0f0aa}.login-button,.register-button{flex:48%;padding:12px;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease-in-out,border .3s ease-in-out}.login-button{background:var(--btn-color);color:#fff;margin-right:5px}.register-button{background:var(--btn-color);color:#fff;margin-left:5px}.login-button:hover,.register-button:hover{background:var(--btn-hover)}.blockquote-footer{margin-top:1rem;margin-bottom:0rem;font-size:.875em;color:var(--edited-text)}.highlighted-text{background-color:var(--highlighted-text);color:#000;padding:0 2px;border-radius:2px;font-weight:700}.disabledButton{background-color:var(--bg--body);color:var(--text-color)}.disabledButton:hover{color:var(--text-color);background-color:var(--bg--body)}.disabledButton:focus{color:var(--text-color);background-color:var(--bg--body)}.profileView{cursor:pointer}.profileView:hover{color:var(--txt-color-hov)}.app-footer{margin-top:auto;padding:1.5rem 2.5rem;background-color:var(--bg--header);border-top:1px solid var(--border-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.footer-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.footer-brand h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-color)}.footer-brand p{margin:.25rem 0 0;font-size:.8rem;color:var(--footer-brand)}.footer-tech{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--footer-tech);justify-content:center}.footer-links{text-align:right}.footer-links a{font-size:.8rem;color:var(--url-link);text-decoration:none;font-weight:500}.footer-links a:hover{text-decoration:underline}.footer-bottom{margin-top:1rem;text-align:center;font-size:.75rem;color:var(--footer-bottom)}.truncate-text{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch;vertical-align:middle}.modal-content{background-color:var(--card-color)}.modal-title{color:var(--text-color)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:var(--shimmer-color);background-size:1000px 100%;animation:shimmer 2s infinite linear}.shimmer-gradient{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0);background-size:200% 100%;animation:shimmer-wave 1.5s infinite}@keyframes shimmer-wave{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-card{padding:16px;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000001a;margin-bottom:16px}.shimmer-profile-image{height:50px;width:55px;border-radius:50px}.shimmer-title{height:20px;width:28em;border-radius:4px}.shimmer-toggle{height:35px;width:4em;border-radius:15px}.shimmer-text{height:24px;width:100%;border-radius:4px}.shimmer-button{height:40px;width:100%;border-radius:8px}@media(max-width:768px){.footer-top{grid-template-columns:1fr;text-align:center}.footer-links{text-align:center}}@media(max-width:450px){.truncate-text{display:inline-block;white-space:nowrap;text-overflow:ellipsis;max-width:6ch;vertical-align:middle}}@media(max-width:450px){.avatar-profile{height:15rem;width:15rem}.h-custom{height:100%}}@media(min-width:530px){.field-width{width:25rem}}@media(min-width:790px){.field-width{width:50%}}@media(min-width:1300px){.field-width{width:40rem}}