#root{height:100%;width:100%;margin:0;padding:0;text-align:left;display:flex;flex-direction:column}.page-wrapper{height:100vh;width:100%;margin:0;padding:0}.logo{height:10em;padding:.3em;will-change:filter;transition:filter .3s;filter:brightness(0) saturate(100%) invert(0)}.logo-popover{height:5em;width:5em;will-change:filter;transition:filter .3s;filter:brightness(0) saturate(100%) invert(0)}.logo-home{width:7em;will-change:filter;transition:filter .3s;filter:brightness(0) saturate(100%) invert(0);margin-top:.1em;display:block;margin-left:0;padding:.05rem 0rem}.logo-wrapper{display:flex;justify-content:flex-start;align-items:center}.logo-launch{width:10%;padding:.3em;will-change:filter;transition:filter .3s}.splash-screen{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:#87ceeb;position:fixed;top:0;left:0;z-index:9999}@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}}.input-field{height:1.5em;width:20em;border-radius:10px;border-color:#000;border:1px solid transparent;padding:.6em .5em;margin-bottom:1rem;font-size:1em;font-weight:500;font-family:inherit;background-color:#87cfeb00;cursor:pointer;transition:border-color .25s}.card{padding:2em}.read-the-docs{color:#888}.link-text{color:#007bff;cursor:pointer;text-decoration:underline}.page-container{display:flex;height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;justify-content:space-between;width:180px;height:100vh;border-right:1px solid #ddd;box-sizing:border-box;position:fixed;top:0;left:0;padding:.5rem .5rem .8rem}.main-content{margin-left:180px;flex:1;height:100vh;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.homepage{padding-top:10px;padding-left:8px;padding-right:8px}.new-content-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#1da1f2;color:#fff;font-weight:600;padding:5px 10px;border-radius:20px;box-shadow:0 4px 8px #00000026;cursor:pointer;z-index:1000;transition:all .3s ease;opacity:.95}.new-content-banner:hover{opacity:1;transform:translate(-50%) translateY(-2px)}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.three-dot-wrapper{display:flex;gap:6px}.dot{width:10px;height:10px;background-color:#87ceeb;border-radius:50%;animation:bounceScale 1s ease-in-out infinite}@keyframes bounceScale{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@media (prefers-color-scheme: light){.input-field{border-color:#000}}@media (prefers-color-scheme: dark){.logo-home,.logo-popover,.logo{filter:brightness(0) saturate(100%) invert(1)}.input-field{border-color:#fdfdfd}}@media (max-width: 768px){.page-container{height:100vh;flex-direction:column-reverse;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.page-container::-webkit-scrollbar{display:none}.sidebar{width:100%;height:60px;border-right:none;border-top:1px solid #ddd;flex-direction:row;justify-content:space-around;position:fixed;bottom:0;left:0;padding:0;z-index:1000}.main-content{margin-left:0;height:100vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}@supports (height: 100dvh){.page-container{height:100dvh}}.main-content::-webkit-scrollbar{display:none}.logo-wrapper{display:none}.homepage{padding-top:0;padding-left:5px;padding-right:5px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.homepage::-webkit-scrollbar{display:none}#root{height:100vh;height:100dvh;width:100%;margin:0;padding:0;text-align:center;display:flex;flex-direction:column}body{min-height:100vh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}.app-container{align-items:center;align-content:center;margin:0 auto}}@function random-range($min,$max){@return random($max - $min + 1) + $min - 1;}.content-username{font-weight:500;font-size:.875rem;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.note-username{font-weight:500;font-size:.875rem;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#374151}@media (prefers-color-scheme: light){.note-username{color:#374151}}.note-card{width:90%;max-height:500px;border:1px solid var(--accent, #e5e7eb);border-radius:15px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.note-user{display:flex;gap:2px;align-items:center}.note-caption{font-size:.875rem;color:#374151;display:-webkit-box;-webkit-line-clamp:inherit;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.note-footer{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.8rem;color:#6b7280}.note-likes{display:flex;gap:4px;align-items:center}.note-likes img{width:16px;height:16px}.heart-icon{width:.9rem!important;height:.9rem!important;filter:brightness(0) saturate(100%) invert(0)}.heart-icon-red{width:.9rem!important;height:.9rem!important}.photo-card{width:100%;height:random-range(100,450) * 1px;border-radius:15px;overflow:hidden;position:relative}.photo-card img{width:100%;height:auto;display:block;object-fit:cover}.card-overlay{position:absolute;top:.5rem;left:.5rem;display:flex;align-items:center;gap:.2rem;padding:2px 8px;border-radius:8px}.photo-dump-card{position:relative;width:100%;height:random-range(100,450) * 1px;border-radius:15px;overflow:hidden;display:flex;flex-wrap:nowrap;background-color:#fff}.layout-1 .single-photo{width:100%;height:100%;object-fit:cover}.layout-2 .half-photo{width:49.5%;height:100%;object-fit:cover}.layout-3{display:flex}.layout-3 .tall-photo{width:49.5%;height:100%;object-fit:cover}.layout-3 .vertical-stack{width:50%;display:flex;flex-direction:column;justify-content:space-between;padding-left:.2rem}.layout-3 .half-stack{height:49.5%;object-fit:cover}.layout-4{display:flex;gap:.1rem}.layout-4 .column{flex:1;display:flex;flex-direction:column;gap:.1rem}.layout-4 .corner{width:100%;height:100%;object-fit:cover;display:block}.photo-dump-card img{object-fit:cover;height:auto;width:100%}.extra-wrapper{position:relative;width:100%;height:100%}.extra-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.extra-overlay{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:600;color:#fff;border-radius:inherit}.video-wrapper{position:relative;width:100%;height:100%;border:none;overflow:hidden}.video-card{width:100%;height:random-range(100,450) * 1px;border-radius:15px;overflow:hidden;position:relative}.video-card video{width:100%;height:auto;display:block;object-fit:cover}.playarrow-icon{width:.8rem!important;height:.8rem!important;filter:brightness(0) saturate(100%) invert(1)}.mute-toggle-btn{position:absolute;bottom:.1rem;right:.2rem;background:none;padding:.5rem;border:none;border-radius:0;cursor:pointer;outline:none;filter:brightness(0) saturate(100%) invert(1) opacity(0)}.video-card:hover .mute-toggle-btn{filter:brightness(0) saturate(100%) invert(1) opacity(1)}.mute-toggle-btn img{width:20px;height:20px}.mute-toggle-btn:focus{outline:none;box-shadow:none}.feed-masonry{margin:0;column-gap:.5rem}@media (max-width: 639px){.feed-masonry{column-count:2}}@media (min-width: 640px) and (max-width: 1023px){.feed-masonry{column-count:3}}@media (min-width: 1024px){.feed-masonry{column-width:200px;column-gap:.75rem}}.masonry-item{break-inside:avoid;margin-bottom:.5rem}@media (prefers-color-scheme: dark){.photo-dump-card{background-color:#000}}.spill-container{height:100vh;width:100%;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.spill-container::-webkit-scrollbar{display:none}.spill-content-wrapper{display:flex;align-items:flex-end}.spill-item{height:100%;scroll-snap-align:start;display:flex;justify-content:center;align-items:center}.spill-nav-wrapper{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:10}.spill-nav-btn{display:flex;justify-content:center;align-items:center;background:#00000080;border:none;border-radius:50%;padding:.5rem;cursor:pointer;transition:background .2s ease}.spill-nav-btn:focus{outline:none;box-shadow:none}.spill-nav-btn button{border:none;border-radius:0;cursor:pointer;outline:none}.spill-nav-btn:hover{background:#000c}.spill-nav-btn svg{width:1.8rem;height:1.8rem;color:#fff}.spill-card{position:relative;height:95vh;max-width:480px;border-radius:15px;overflow:hidden;flex-shrink:0;padding:0}.spill-card video{width:100%;height:100%;object-fit:cover}.spill-username{font-weight:600;font-size:.875rem;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.spill-user{position:absolute;bottom:.3rem;left:.3rem;background:none;padding:.5rem;border:none;border-radius:0}.spills-action-wrapper{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:1rem}.spills-action{display:flex;flex-direction:column;align-items:center;position:relative;gap:.8rem}.spills-action button{display:flex;background:none;flex-direction:column;align-items:center;padding:1rem;gap:.5rem;color:#000;border:none;border-radius:0;cursor:pointer;outline:none}.spills-action button label{font-weight:600;font-size:.875rem;color:#000}.spills-action button img{width:1.8rem!important;height:1.8rem!important;filter:brightness(0) saturate(100%) invert(0)}.spill-caption{font-size:.8rem;font-weight:500;text-align:left;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.show-more-btn{font-size:.75rem;font-weight:500;color:#fff;background:none;border:none;cursor:pointer;padding:0}.caption-popover{position:fixed;top:0;left:0;width:100%;height:100%;background:#48474746;z-index:1000;display:flex;justify-content:center;align-items:center}.popover-content{background-color:#fff;color:#000;padding:1rem;max-width:30%;max-height:40%;overflow-y:auto;border-radius:12px;box-shadow:0 4px 20px #0003}.caption-tag{color:#3b82f6;font-weight:600;cursor:pointer}.caption-mention{color:#87ceeb;font-weight:600;cursor:pointer}.close-btn{margin-top:1rem;background:#87ceeb;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem}.spill-mute-toggle-btn{position:absolute;top:.3rem;left:.3rem;background:none;padding:.5rem;border:none;border-radius:0;cursor:pointer;outline:none;filter:brightness(0) saturate(100%) invert(1)}.spill-mute-toggle-btn:focus{outline:none;box-shadow:none}.spill-more-toggle-btn{position:absolute;top:.3rem;right:.3rem;background:none;padding:.5rem;border:none;border-radius:0;cursor:pointer;outline:none;filter:brightness(0) saturate(100%) invert(1)}.spill-more-toggle-btn:focus{outline:none;box-shadow:none}.spills-menu-popover{display:flex;flex-direction:column;align-content:center;background-color:#fff;color:#000;padding:1rem;overflow-y:auto;border-radius:12px;box-shadow:0 4px 20px #0003}.popover-button{background:none;color:#000;border:none;border-radius:0;padding:1rem;cursor:pointer;outline:none}.popover-button-red{background:none;color:red;border:none;border-radius:0;padding:1rem;cursor:pointer;outline:none}.popover-button:focus{outline:none;box-shadow:none}.popover-button-red:focus{outline:none;box-shadow:none}@media (prefers-color-scheme: dark){.spills-action button img,.spill-nav-btn img{filter:brightness(0) saturate(100%) invert(1)}.spills-action button label,.spills-nav button label{color:#fff}.spill-nav-btn{background:#d7d2d280}}@media (max-width: 768px){.spill-card{border-radius:0}.popover-content{background-color:#000;color:#fff}.spill-card{height:100vh;max-width:100%;border-radius:0}.spills-action-wrapper{position:relative;justify-content:flex-end;padding-bottom:1rem}}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;padding:1rem;max-width:1400px;margin:0 auto;overflow-y:auto;max-height:100vh}.detail-card{height:auto;border:1px solid #e5e5e5;border-radius:12px;padding:1rem;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:1rem;max-width:650px;grid-column:1 / -1}@media (min-width: 1024px){.detail-card{grid-column:span 2}}@media (min-width: 1600px){.detail-card{grid-column:span 3}}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr;padding:.5rem;max-height:none}.detail-card{grid-column:span 1;box-shadow:none;border-radius:0;border:none;padding:.5rem}}.masonry-item{break-inside:avoid}.detail-wrapper{width:100%;height:auto;position:relative}.detail-header,.detail-action-wrapper{display:flex;width:100%;justify-content:space-between;align-items:center}.detail-action{display:flex;position:relative;align-items:center;gap:.5rem}.detail-username{display:flex;font-weight:600;font-size:.9rem;align-items:center;gap:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}.expand-toggle-btn{position:absolute;bottom:.3rem;right:.5rem;transform:translateY(-50%);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;border:none;outline:none;cursor:pointer;z-index:3}.detail-wrapper button{border:none;border-radius:15px;outline:none;padding:.2rem;cursor:pointer}.detail-header button{background:none;border:none;border-radius:0;outline:none;padding:.3rem;cursor:pointer}.detail-action button{display:flex;background:none;align-items:center;padding:.5rem;gap:.5rem;color:#000;border:none;border-radius:0;cursor:pointer;outline:none}.detail-action button label{font-weight:600;font-size:.875rem;color:#000}.detail-action-button{width:1.8rem!important;height:1.8rem!important;filter:brightness(0) saturate(100%) invert(0)}.detail-action-liked{width:1.8rem!important;height:1.8rem!important;filter:brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(7000%) hue-rotate(-5deg) brightness(95%) contrast(120%)}.detail-button{width:95%;height:45px;background-color:#87ceeb;border:none;border-radius:8px;cursor:pointer;font-weight:500}.detail-button:hover{background-color:#87cfebd3;color:#fffefe}.detail-note-card{width:95%;border:1px solid var(--accent, #e5e7eb);border-radius:15px;padding:15px;background-color:#fff;color:#000;word-wrap:break-word;line-height:1.4;font-size:.95rem}.detail-content{width:100%;height:auto;max-height:70vh;border-radius:15px;object-fit:cover}.detail-video-wrapper{width:100%;max-height:70vh;border-radius:15px;overflow:hidden;background:#000}.detail-video{width:100%;height:auto;max-height:70vh;object-fit:cover;border-radius:15px}.slider-container{position:relative;width:100%;max-height:70vh;display:flex;justify-content:center;align-items:center;border-radius:15px;overflow:hidden}.dump-content{width:100%;height:auto;max-height:70vh;border-radius:15px;object-fit:cover}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0006;border:none;color:#fff;border-radius:50%;outline:none;padding:.2rem;cursor:pointer;z-index:3}.slider-container button{border:none;border-radius:15px;outline:none;padding:.3rem;cursor:pointer}.slider-arrow.left{left:1rem}.slider-arrow.right{right:1rem}.slider-dots{position:absolute;bottom:1rem;display:flex;gap:.4rem}.slider-dots .dot{width:10px;height:10px;background:#fff9;border-radius:50%;cursor:pointer}.slider-dots .dot.active{background:#000}.detail-sticky-note{background:#fffa8b;padding:1rem;border-radius:8px;font-family:Comic Sans MS,cursive,sans-serif;max-width:80%;box-shadow:0 4px 6px #0000001a}.detail-right::-webkit-scrollbar{width:8px}.detail-right::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.overlay-backdrop{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:999}.overlay-header{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:1000}.overlay-btn{width:40px;height:40px;border-radius:50%;border:none;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.overlay-btn:hover{background:#fff3}.overlay-header button{border:none;border-radius:15px;outline:none;padding:.2rem;cursor:pointer}.overlay-content{position:relative;max-width:90%;max-height:90%}.overlay-content img{width:100%;height:auto;max-height:90vh;border-radius:15px;object-fit:cover}.overlay-content video{width:100%;height:auto;max-height:70vh;object-fit:cover;border-radius:15px}.overlay-close{position:absolute;top:-50px;right:-50px;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer}@media (prefers-color-scheme: dark){.detail-right{border-left:1px solid #444}.detail-username,.detail-action button{color:#fff}.detail-action button img{filter:brightness(0) saturate(100%) invert(1)}.detail-action button label{color:#fff}.detail-sticky-note{background:#550;color:#fff;box-shadow:0 4px 6px #ffffff1a}.slider-arrow{background:#0006;color:#fff}.slider-arrow:hover{background:#fffc}.slider-dots .dot{background:#fff9}.slider-dots .dot.active{background:#fff}}.social-link-loader{width:35px;height:35px;border-radius:8px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.social-spinner{width:20px;height:20px;border:2px solid #ccc;border-top:2px solid #007aff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.social-broken-link{color:red;font-size:14px}.social-link-view{display:inline-flex;align-items:center;gap:30px;text-decoration:none;margin-top:.5rem;margin-bottom:.8rem}.social-link-icon{width:35px;height:35px;border-radius:8px;object-fit:cover;background-color:#eee}:root{--outer-sidebar-width: 180px;--outer-sidebar-gap: 10px;--profile-sidebar-width: 300px;--profile-gutter: 16px}.user-profile-wrapper{display:flex;width:100%;height:100vh;overflow:hidden;position:relative;box-sizing:border-box}.profile-sidebar{position:fixed;top:0;left:calc(var(--outer-sidebar-width) + var(--outer-sidebar-gap));width:var(--profile-sidebar-width);height:100vh;border-right:1px solid #ddd;padding:1rem;box-sizing:border-box;background:#fff;overflow-y:hidden;z-index:1}.profile-content{flex:1;height:100vh;margin-left:calc(var(--profile-sidebar-width));overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:1rem;min-width:0}.profile-header-actions{position:absolute;top:1rem;right:0rem;display:flex;gap:1.5rem}.profile-button{background-color:#f9f9f9;border:none;border-radius:8px;cursor:pointer;font-weight:500}.profile-button:hover{background-color:#87ceeb;color:#fffefe}.profile-action{display:flex;flex-direction:column;align-items:center;gap:.2rem}.follow-button{background-color:#87ceeb;border:none;border-radius:8px;cursor:pointer;font-weight:500}.follow-button:hover{background-color:#87cfebd3}.user-profile{display:flex;flex-direction:column;align-items:center;gap:.2rem}.user-avatar{width:100px;height:100px;border-radius:9999px;object-fit:cover}.user-info{display:flex;flex-direction:column}.user-username{font-size:1rem;font-weight:600}.user-bio{font-size:.87rem;font-weight:500;margin-top:.8rem;text-align:center}.user-fullname{font-size:.9rem;color:#6b7280}.sign-out-button{font-size:.875rem;color:#ef4444;background:none;border:none;cursor:pointer}.sign-out-button:hover{text-decoration:underline}.user-stats{display:flex;justify-content:center;gap:2.5rem;margin-top:.75rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-count{font-weight:600;font-size:.875rem}.stat-label{font-size:.75rem;color:#6b7280}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.filter-section{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.filter-dropdown{padding:.4rem;border-radius:.5rem;background-color:#87ceeb;border:1px solid #ccc}.back-button-wrapper{position:absolute;top:1rem;left:1rem;z-index:10}.back-button{background:none;border:none;font-size:16px;color:#333;cursor:pointer;padding:4px 8px}.back-button:hover{text-decoration:underline}@media (max-width: 768px){.user-profile-wrapper{display:flex;flex-direction:column;width:100%;height:100vh}.profile-sidebar{margin:0;width:100%;height:100vh;left:0;overflow-y:auto;overflow-x:hidden}}@media (prefers-color-scheme: dark){.back-button{color:#a8a2a2}.profile-button{color:#000}.profile-sidebar{background:#000}}@media (max-width: 768px){.profile-sidebar{position:relative;height:auto;overflow-y:auto;width:100%;border-right:none}.profile-content{display:none}}: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:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#87ceeb}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.button-signup{font-size:.8em;cursor:pointer}.errormessage{font-size:.5em;font-weight:600;color:#ff2a2a}button{border-radius:10px;border:1px solid transparent;padding:.6em 5.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#87ceeb;cursor:pointer;transition:border-color .25s}button:hover{border-color:#87ceeb}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.divider{display:flex;align-items:center;text-align:center;color:#555;margin:1.5rem 0;position:fixed}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ccc}.divider:not(:empty):before{margin-right:.75em}.divider:not(:empty):after{margin-left:.75em}.button-signin{border-radius:10px;border:1px solid transparent;padding:.6em 5.2em;margin-bottom:1rem;font-size:1em;font-weight:500;font-family:inherit;background-color:#87ceeb;cursor:pointer;transition:border-color .25s}.button-signin :hover{border-color:#87ceeb}.button-signin :focus,.button-signin:focus-visible{outline:4px auto -webkit-focus-ring-color}.signup-container{align-items:center;align-content:center;margin:0 auto}.signin-container{display:flex;align-items:center;align-content:center;margin:0 auto;overflow:hidden}.signin-img{height:25em;padding:.3em}.signup-form{display:flex;align-items:center;align-content:center;flex-direction:column;gap:1rem}.loading-container{display:flex;align-items:center;align-content:center;background-color:#87ceeb;margin:0 auto}.verified-blue{width:.8rem!important;height:.8rem!important;filter:brightness(0) saturate(100%) invert(65%) sepia(34%) saturate(636%) hue-rotate(167deg) brightness(95%) contrast(90%)}.verified-white{width:.8rem!important;height:.8rem!important;filter:brightness(0) saturate(100%) invert(1)}@media (prefers-color-scheme: light){:root{color:#000;background-color:#fff}a:hover{color:#87ceeb}button{background-color:#f9f9f9}.button-signin{background-color:#000;color:#fff}}.login-popover-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:9999;padding:1rem}.login-popover{width:100%;max-width:420px;background-color:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 30px #00000026;text-align:center;box-sizing:border-box}.login-popover__title{font-size:1.125rem;font-weight:600;margin:0 0 12px;color:#0f172a}.login-popover__text{margin:0 0 16px;color:#334155;line-height:1.4;font-size:.95rem}.login-popover__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.login-popover__btn{min-width:100px;padding:8px 16px;border-radius:8px;border:0;cursor:pointer;font-weight:600;font-size:.95rem;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;box-sizing:border-box}.login-popover__btn--cancel{background-color:#e6e7e8;color:#0f172a}.login-popover__btn--primary{background-color:#87ceeb;color:#fff}.login-popover__btn:focus{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.login-popover__btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000014}.login-popover__btn:active{transform:translateY(0)}@media (max-width: 420px){.login-popover{padding:18px;border-radius:12px}.login-popover__btn{min-width:88px;padding:8px 14px}}@media (prefers-color-scheme: dark){.login-popover{background-color:#181717;box-shadow:0 10px 30px #f5f5f526}.login-popover__title{color:#fcfcfc}.login-popover__text{color:#b0b3b7}}.alert-overlay{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.alert-item{padding:.75rem 1rem;border-radius:8px;color:#fff;cursor:pointer;min-width:250px;box-shadow:0 2px 8px #0003}.alert-item.error{background-color:#e74c3c}.alert-item.success{background-color:#2ecc71}.alert-item.info{background-color:#3498db}.alert-item.warning{background-color:#f1c40f;color:#000}@media (max-width: 768px){.alert-overlay{top:0}}.search-container{display:flex;height:100vh;width:100%;overflow:hidden;position:relative}.search-main{flex:1;margin-right:350px;margin-top:10px;display:flex;flex-direction:column;padding:1rem;box-sizing:border-box;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.search-sidebar{width:300px;position:fixed;right:0;top:0;height:100vh;border-left:1px solid #ddd;padding:1rem;overflow:hidden}.search-bar{display:flex;align-items:center;width:calc(100% - 600px);background-color:#f3f4f6;border-radius:9999px;padding:.25rem .75rem;margin-top:10px;position:fixed;top:0;z-index:10;box-shadow:0 1px 4px #0000000d;border:1px solid #ddd}.search-input{background:transparent;border:none;outline:none;width:100%;color:#000}.search-icon{height:20px;padding:.3em;filter:brightness(0) saturate(100%) invert(0)}.search-user-main{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.875rem;font-weight:600}.results-container{display:flex;width:100%;flex-direction:column;padding-top:.5rem}.results-container::-webkit-scrollbar{display:none}.posts-results{flex:1;overflow-y:auto;display:block;width:100%}.users-scroll-container{display:flex;flex:1;overflow-x:auto;gap:1rem;padding:1.5rem 0;scrollbar-width:none}.users-scroll-container::-webkit-scrollbar{display:none}.search-user{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}.recent-searches{margin-top:1rem;padding:1rem;background-color:#fff;border-radius:12px}.recent-searches h3{font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#000}.recent-searches ul{list-style:none;margin:0;padding:0}.recent-searches-body{font-size:14px;font-weight:400;padding:.2rem .75rem;border-radius:5px;cursor:pointer;color:#000;transition:background-color .2s ease}.recent-searches-body:hover{background-color:#e5e7eb4a}.sidebar-card{width:250px;background:#fff;border:1px solid #000000ae;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 4px #0000000d}.subscribe-btn{background-color:#87ceeb;color:#fff;border:1px solid #87ceeb}.subscribe-body{font-size:14px;font-weight:400;padding-top:5px;padding-bottom:8px}.sidebar-header{font-size:16px;font-weight:800}.sidebar-body{font-size:14px;font-weight:400}.sidebar-username{font-size:.875rem;font-weight:600}.sidebar-user-main{display:flex;align-items:center;gap:.2rem;font-size:.875rem;font-weight:600;cursor:pointer}.suggestion{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start;padding-top:.5rem}@media (max-width: 768px){.search-container{flex-direction:column;padding:.5rem}.search-main{flex:1;margin-right:0}.search-bar{display:flex;flex:1;align-items:center;width:300px;max-width:500px}}@media (prefers-color-scheme: dark){.recent-searches{background-color:#000}.recent-searches h3,.recent-searches li{color:#fff}.sidebar-card{background:#000;border:1px solid #e0e0e0;box-shadow:0 1px 4px #f1efef0d}.recent-searches-body{color:#ddd}.suggestion{color:#fff}}.content-creation-view{display:flex;flex-direction:column;flex:1;width:100%;height:100vh;position:relative;overflow:hidden}.content-creation-view header{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;padding:.5rem;position:relative}.creation-header-left button{display:flex;align-items:center;border:none;background:none;cursor:pointer;font-weight:700}.creation-icon{width:16px;height:16px;margin-left:.25rem;display:inline-block;filter:brightness(0) saturate(100%) invert(0)}.content-creation-view main{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:.5rem}.content-creation-view footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.content-creation-overlay{position:absolute;left:0;bottom:0;padding-bottom:80px;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.creation-overlay-menu{background:#fff;border:#87ceeb solid 1px;width:15rem;margin:1rem;padding:1rem;border-radius:.5rem;box-shadow:0 10px 20px #00000026}.creation-overlay-item{width:100%;padding:.5rem .25rem;border:none;background:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.creation-overlay-item:hover{background-color:#87ceeb}button:disabled{opacity:.5;cursor:not-allowed}.creation-type-select-btn,.creation-next-btn{background-color:#87ceeb;color:#fff;border:none;cursor:pointer;border-radius:9999px;font-size:1rem}.creation-type-select-btn{padding:.5rem 1rem;font-weight:500}.creation-next-btn{padding:.5rem 1.5rem;font-weight:600;transition:opacity .2s ease-in-out}.creation-tip{font-size:.875rem;color:#555;opacity:.7;margin-bottom:.75rem;text-align:center;font-weight:500;pointer-events:none}.creation-background-wrapper{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;cursor:default}.creation-background-wrapper.scrollable{overflow-y:auto}.creation-media-large{transform:scale(1.2);transition:transform .3s ease}@media (prefers-color-scheme: dark){.creation-icon{filter:brightness(0) saturate(100%) invert(1)}.creation-overlay-menu{background:#000;box-shadow:0 10px 20px #c6c2c226;border:#87ceeb solid 1px}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.user-sidebar{display:flex;flex-direction:column;justify-content:space-between;height:100%}.sidebar-items{display:flex;flex-direction:column;gap:2.5rem;padding-top:.5rem;padding-bottom:.5rem;flex-grow:1}.sidebar-footer{display:flex;justify-content:space-between}.sidebar-icon.profile-icon{border-radius:50%;object-fit:cover;width:2rem;height:2rem;filter:none;transition:filter .3s}.sidebar-link.active .profile-icon,.sidebar-link:hover .profile-icon{filter:none}.user-username-sidebar{font-size:.875rem;font-weight:600}.sidebar-nav{display:flex;flex-direction:column;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem;flex-grow:1}.sidebar-link{display:flex;align-items:center;gap:.2rem;font-size:1rem;font-weight:500;cursor:pointer;padding:.75rem .5rem .5rem;border-radius:10px;text-align:left;transition:background-color .2s ease,color .2s ease;color:#888}.sidebar-link:hover{color:#000}.sidebar-link.active{color:#000;font-weight:800;border-right:2px solid #87ceeb;border-radius:0}.sidebar-icon{width:1rem;height:1rem;align-items:center;will-change:filter;transition:filter .3s;filter:brightness(0) saturate(100%) invert(0) opacity(.5)}.sidebar-icon:hover,.sidebar-link.active .sidebar-icon{filter:brightness(0) saturate(100%) invert(0)}.sidebar-link.active .profile-icon{filter:none}.sidebar-link.active .user-username-sidebar{font-size:.875rem;font-weight:800}.sidebar-icon-wrapper{position:relative;width:1.8rem;height:1.5rem}.badge-over-icon{position:absolute;object-fit:cover;right:-6px;background-color:#ff2c2c;color:#fff;font-size:.7rem;font-weight:500;padding:3px 5px;border-radius:50%;box-shadow:0 0 0 2px #fff;line-height:1;z-index:2}.footer-icon{width:1.5rem;height:1.5rem;will-change:filter;transition:filter .3s;filter:brightness(0) saturate(100%) invert(0) opacity(.5)}.sidebar-link.active .Setting-icon{filter:brightness(0) saturate(100%) invert(0)}.Setting-icon{width:1.8rem;height:1.8rem;will-change:filter;transition:filter .3s;filter:brightness(0) saturate(100%) invert(0) opacity(.5)}.Setting-icon:hover{filter:brightness(0) saturate(100%) invert(0)}.popover-container{position:relative;width:100%}.popover-container button{background:none;outline:none;border:none}.popover-panel-inside{position:absolute;bottom:100%;left:0;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.5rem 0;box-shadow:0 4px 14px #0000001a;z-index:50}.popover-panel-inside .sidebar-link{display:flex;align-items:center;padding:.6rem .5rem;border-radius:8px;color:#333;font-size:14px;text-decoration:none;transition:background .15s}.popover-panel-inside .sidebar-link:hover{background-color:#f5f5f5}.logout-button{background:none;border:none;color:#0000008b;font-size:.9rem;font-weight:400;cursor:pointer;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-radius:10px;will-change:filter;transition:filter .3s;text-align:left}.logout-button:hover{color:#000}.logout-icon{width:1.5rem;height:1.5rem;filter:brightness(0) saturate(100%) invert(0) opacity(.5)}@media (prefers-color-scheme: dark){.sidebar-link{color:#888}.sidebar-link.active{color:#fff;font-weight:800}.sidebar-icon{filter:brightness(0) saturate(100%) invert(1) opacity(.5)}.sidebar-icon:hover,.sidebar-link.active .sidebar-icon,.sidebar-link.active .Setting-icon{filter:brightness(0) saturate(100%) invert(1)}.sidebar-link.active .profile-icon{filter:none}.sidebar-link:hover{background-color:#30303080;color:#fff}.badge-over-icon{box-shadow:0 0 0 2px #000}.footer-icon,.Setting-icon{filter:brightness(0) saturate(100%) invert(1) opacity(.5)}.footer-icon:hover,.Setting-icon:hover{filter:brightness(0) saturate(100%) invert(1)}.popover-panel-inside{background:#222}.popover-panel-inside .sidebar-link{color:#fff}.popover-panel-inside .sidebar-link:hover{background-color:#535050}.logout-button{color:#ffffff85}.logout-icon{filter:brightness(0) saturate(100%) invert(1) opacity(.5)}.logout-button:hover{color:#fff}}.fab-container{position:fixed;bottom:20px;right:20px;z-index:1000}.fab-main{appearance:none;-webkit-appearance:none;padding:0;border:none;box-sizing:border-box;width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:#87ceeb;color:#fff;cursor:pointer;overflow:hidden;box-shadow:0 4px 10px #00000040}.fab-main .sidebar-icon{width:28px;height:28px;display:block;object-fit:contain;pointer-events:none}.fab-main:hover{background-color:#6cc0df}.fab-actions{position:absolute;bottom:50px;right:50px;pointer-events:none}.fab-action{position:absolute;width:45px;height:45px;aspect-ratio:1 / 1;border-radius:50%;background:#fff;border:1px solid #87ceeb;color:#000;cursor:pointer;opacity:0;transform:translate(0);transition:transform .3s ease,opacity .3s ease;display:flex;align-items:center;justify-content:center}.fab-actions.expanded .fab-action{pointer-events:auto;opacity:1}.fab-action.active{color:#000}.fab-action.active .sidebar-icon{filter:brightness(0) saturate(100%) invert(0)}.fab-action.active .profile-icon{filter:none}.fab-actions.expanded .fab-action:nth-child(1){transform:translate(-100px)}.fab-actions.expanded .fab-action:nth-child(2){transform:translate(-87px,-50px)}.fab-actions.expanded .fab-action:nth-child(3){transform:translate(-50px,-87px)}.fab-actions.expanded .fab-action:nth-child(4){transform:translateY(-100px)}@media (min-width: 1025px){.sidebar{display:flex}.fab-container{display:none}}@media (max-width: 1024px){.sidebar{display:none}.fab-container{display:flex}}@media (prefers-color-scheme: dark){.fab-action{background:#000;color:#fff}.fab-action.active{color:#fff}.fab-action.active .sidebar-icon{filter:brightness(0) saturate(100%) invert(1)}.fab-action.active .profile-icon{filter:none}}.save-sheet{max-width:400px;max-height:400px;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.save-sheet button{border:none;border-radius:15px;outline:none;padding:.2rem;cursor:pointer}.save-header{display:flex;justify-content:space-between;align-items:center}.save-btn{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#87ceeb;color:#fff;border:none;outline:none;cursor:pointer}.x-btn{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#59595b;color:#fff;border:none;outline:none;cursor:pointer}.unsave-btn{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#87ceeb;color:#fff;border:none;outline:none;cursor:pointer}.sticky-input{margin-top:1rem;padding:.5rem;border:1px solid gray;border-radius:25px;width:90%}.sticky-tags{margin-top:1rem}.sticky-tags-label{display:block;font-weight:500;margin-bottom:.5rem}.sticky-tags-list{display:flex;gap:.5rem;overflow-x:auto}.sticky-tag-btn{padding:.3rem .8rem;border-radius:6px;background:#e0e0e098;border:none;cursor:pointer}.sticky-tag-btn.active{background:#87ceeb;color:#fff}@media (prefers-color-scheme: dark){.save-sheet{background:#1c1c1e;color:#fff;box-shadow:0 2px 8px #fff4}.sticky-input{border:1px solid #3a3a3c;background:#2c2c2e;color:#fff}.sticky-tag-btn{background:#3a3a3c;color:#fff}.sticky-tag-btn.active{background:#87ceeb;color:#fff}}.comments-overlay{position:fixed;inset:0;display:flex;justify-content:flex-end;background:#0000004d;z-index:50}.comments-panel{width:100%;max-width:400px;background:#fff;height:100%;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0003}.comments-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:1rem}.close-btn{background:none;border:none;border-radius:0;outline:none;padding:.3rem;cursor:pointer}.comments-list{flex:1;overflow-y:auto;padding:1rem}.comment-row{display:flex;flex-direction:column;gap:.75rem;padding-bottom:.75rem;margin-bottom:.75rem}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-header{display:flex;align-items:center;gap:.25rem}.comment-username{font-weight:600}.verified-badge{font-size:.75rem;color:#1d4ed8}.comment-body{font-size:.9rem;color:#333;text-align:start;padding:10px;margin:0}.comment-date{font-size:.75rem;color:#888}.reply-toggle{border:none;background:none;border-radius:0;outline:none;padding:.2rem;cursor:pointer}.reply-button{background:#87ceeb;color:#fff;border:none;border-radius:8px;padding:.4rem;margin:0 .5rem;cursor:pointer;font-size:.9rem}.reply-toggle:focus{border:none;background:none;border-radius:0;outline:none;cursor:pointer}.new-comment-form{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #eee}.new-comment-form input{flex:1;border:1px solid #ccc;border-radius:8px;padding:.5rem .75rem;font-size:.9rem}.new-comment-form input:focus{outline:none;border-color:#1d4ed8}.new-comment-form button{background:#87ceeb;color:#fff;border:none;border-radius:8px;padding:0 1rem;cursor:pointer;font-size:.9rem}.new-comment-form button:hover{background:#87ceebcc}.recent-comments{display:inline;margin-top:1rem;padding:0 .5rem;overflow:hidden}.no-comments{font-size:.85rem;color:#888}.share-popover-panel{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;width:240px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:.5rem;z-index:50;filter:none!important}.share-Spill-popover-panel{position:absolute;bottom:20%;left:10%;margin-bottom:.5rem;width:240px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:.5rem;z-index:50;filter:none!important}.share-option{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;font-size:14px;color:#374151;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background .15s ease;filter:none!important}.share-option:hover{background:#5a5a5aab;border-radius:15px;filter:none!important}.share-option img,.share-option svg{width:18px;height:18px;filter:none!important}.share-popover-button{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .15s ease;filter:none!important}.share-popover-button:hover{background:#5a5a5aab;filter:none!important}.share-popover-button span{font-size:13px;color:#4b5563;filter:none}@media (prefers-color-scheme: dark){.comments-panel{background:#1c1c1e;color:#fff;box-shadow:-2px 0 10px #fff3}.comments-header,.comment-row{border-bottom:1px solid #333}.comment-body{color:#ccc}.comment-date{color:#666}.new-comment-form input{background:#2c2c2e;border:1px solid #3a3a3c;color:#fff}.new-comment-form input::placeholder{color:#666}.new-comment-form button{background:#87ceeb;color:#fff}.new-comment-form button:hover{background:#87ceebcc}.no-comments{color:#666}.share-popover-panel{background:#111;border:1px solid #e5e7eb}}.setting-container{display:flex;height:100vh;width:100%;overflow:hidden;margin-left:5px;box-sizing:border-box}.setting-main-container,.setting-main{display:flex;align-items:center;align-content:center;flex-direction:column}.setting-form{display:flex;align-items:center;align-content:center;flex-direction:column;gap:1rem}.setting-sidebar{width:300px;height:100vh;flex-shrink:0;border-right:1px solid #ddd;padding:.5rem .45rem;box-sizing:border-box;overflow-y:auto;position:fixed;top:0;z-index:10}.setting-right{flex:1;height:100vh;overflow-y:auto;padding:1.5rem;box-sizing:border-box;margin-left:300px;width:calc(100% - 300px)}.setting-nav{display:flex;flex-direction:column;justify-content:space-between;padding-left:.5rem;padding-right:.5rem;gap:.3rem;flex-grow:1}.setting-header-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:1.5rem}.setting-link{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500;cursor:pointer;padding:.75rem 1rem;border-radius:10px;text-align:left;transition:background-color .2s ease,color .2s ease;color:#888}.setting-link:hover{background-color:#30303031;color:#000}.setting-link.active{color:#000;font-weight:800}.privacy-toggle{display:flex;align-items:center;justify-content:space-between}.privacy-main{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:1rem}.toggle-label{font-size:18px;font-weight:500}.switch{position:relative;display:inline-block;width:52px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#87ceeb}input:checked+.slider:before{transform:translate(24px)}.change-button{width:calc(50% - 40px);height:50px;background-color:#87ceeb;color:#fff;font-size:17px;font-weight:500;border:none;border-radius:15px;cursor:pointer}.account-saved-wrapper{padding:20px}.account-saved-header{display:flex;justify-content:space-between;align-items:center}.save-creator{margin:10px 0 10px 20%}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:20px;margin-left:20%}.saved-card{border:1px solid #eee;border-radius:10px;padding:12px}.saved-preview{display:flex;flex-direction:column;gap:8px}.preview-box{width:100%;height:60px;background:#ddd;display:flex;align-items:center;justify-content:center;border-radius:10px}.empty-preview{font-size:12px;color:#666}.resources-container{display:flex;flex-direction:column;padding:1rem}.resources-header h1{font-size:1.5rem;font-weight:600}.resources-content{margin-top:1rem}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;text-decoration:none;color:#111;font-size:.95rem}.settings-row:hover{border-radius:8px;cursor:pointer}.settings-title{font-weight:600;font-size:1.1rem}.settings-subtitle{font-size:.8rem;color:#555;margin-top:.25rem}.legal-section{margin-top:1rem;gap:.8rem}.legal-section h2{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.resources-footer{text-align:center;font-size:.85rem;color:#666;margin-top:2rem}@media (prefers-color-scheme: dark){.setting-link{color:#888}.setting-link.active{color:#fff;font-weight:800}.setting-link:hover{background-color:#30303080;color:#fff}.settings-row,.settings-title{color:#fff}.settings-subtitle{color:#ffffffd6}.resources-header h1,.legal-section h2{color:#fff}}.upload-container{display:flex;padding:24px;overflow:hidden}.upload-header{display:flex;justify-content:space-between;align-items:center;padding:10px}.upload-left{flex:1;display:flex;flex-direction:column;gap:16px;overflow:hidden}.upload-right{flex:1;display:flex;align-items:center;justify-content:center;background:none;padding:10px;overflow:hidden}.upload-caption-input{min-height:100px;padding:12px;font-size:16px;border-radius:12px;border:1px solid #ccc;resize:none}.upload-link-section{display:flex;flex-direction:column}.upload-link-input{padding:10px;border-radius:10px;border:1px solid #ccc;font-size:16px}.upload-link-input.invalid{border-color:red}.upload-link-warning{color:red;font-size:14px}.upload-link-hint{font-size:14px;color:#666}.upload-toggle{display:flex;align-items:center;gap:10px;font-size:16px}.upload-more-options{background:none;border:none;font-size:16px;color:#555;cursor:pointer}.upload-button{padding:12px;background-color:#87ceeb;color:#fff;border:none;border-radius:10px;font-size:18px;cursor:pointer}.upload-preview{max-width:100%;height:80vh;object-fit:contain;border-radius:12px}.upload-dump-preview{display:flex;height:80vh;width:25vw;gap:8px;flex-wrap:wrap}.upload-dump-item{width:100px;height:100px;object-fit:cover;border-radius:8px}.upload-sticky-note{width:25vw;padding:20px;background:none;border:1px solid #87ceeb;border-radius:12px;font-size:18px;text-align:center}.upload-video{height:80vh;width:25vw;object-fit:cover;border-radius:12px;background-color:#000}.suggestion-popup{position:absolute;background:#fff;border:1px solid #ccc;margin-top:5rem;z-index:10;list-style:none;padding:0;width:15%;max-height:150px;overflow-y:auto;border-radius:4px;font-size:.9rem;box-shadow:0 4px 20px #fff3}.suggestion-popup li{padding:8px 12px;cursor:pointer}.suggestion-popup li:hover{background-color:#00000037}@media (prefers-color-scheme: dark){.suggestion-popup{background:#000;box-shadow:0 4px 20px #fff3}.suggestion-popup li:hover{background-color:#f2f2f2a8}}