:root{--color-primary:#467172;--color-primary-dark:#263d3d;--color-primary-light:#9eb5b6;--color-accent:#1dc9a0;--color-bg-light:#f2f2f2;--color-bg-dark:#353538;--color-bg-darker:#3e4141;--color-text-primary:#000;--color-text-inverse:#fff;--color-text-muted:#666;--color-white:#fff;--color-border:#ccc;--color-border-light:#d3d3d3;--color-shadow:rgba(0,0,0,.2);--color-overlay:rgba(0,0,0,.8);--color-success:#28a745;--color-error:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--color-upvote:green;--color-downvote:red;--space-xs:3px;--space-sm:6px;--space-md:12px;--space-lg:18px;--space-xl:24px;--space-2xl:36px;--space-3xl:48px;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-heading:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;--font-code:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:24px;--radius-2xl:32px;--radius-full:50px;--shadow-sm:0px 2px 4px rgba(0,0,0,.1);--shadow-md:0px 4px 8px rgba(0,0,0,.2),0px 6px 20px rgba(0,0,0,.19);--shadow-lg:rgba(0,0,0,.4) 0px 2px 4px,rgba(0,0,0,.3) 0px 7px 13px -3px,rgba(0,0,0,.2) 0px -3px 0px inset;--shadow-xl:0px 7px 29px 0px;--shadow-neumorphic-inset:inset -5px -5px 8px #345454,inset 5px 5px 8px #588e90;--shadow-neumorphic-dark:inset 34px 34px 71px #1b1c1c,inset -34px -34px 71px #616666;--shadow-button:rgb(0 0 0/5%) 0 0 8px;--shadow-button-hover:var(--color-accent) 0px 7px 29px 0px;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--transition-slower:950ms ease;--z-base:1;--z-dropdown:10;--z-sticky:100;--z-fixed:1000;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-sm:540px;--container-md:720px;--container-lg:960px;--container-xl:1140px;--container-2xl:1320px;--navbar-height:64px;--hamburger-width:220px;--hamburger-width-mobile:140px}@media screen and (min-width:768px){:root{--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.625rem;--font-size-3xl:1.875rem;--font-size-4xl:2.125rem}}@media screen and (min-width:1024px){:root{--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-3xl:2.125rem;--font-size-4xl:2.5rem}}.container{margin-left:auto;margin-right:auto;padding-left:12px;padding-left:var(--space-md);padding-right:12px;padding-right:var(--space-md);width:100%}@media screen and (min-width:480px){.container{max-width:540px;max-width:var(--container-sm)}}@media screen and (min-width:768px){.container{max-width:720px;max-width:var(--container-md)}}@media screen and (min-width:1024px){.container{max-width:960px;max-width:var(--container-lg)}}@media screen and (min-width:1440px){.container{max-width:1140px;max-width:var(--container-xl)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible:focus-visible{outline:2px solid #1dc9a0;outline:2px solid var(--color-accent);outline-offset:2px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}code{font-family:var(--font-code)}.App{min-height:100vh;width:100%}@media screen and (max-width:480px){.App{max-width:100%}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none}html{scroll-behavior:smooth}a{color:var(--color-accent);transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{background:none;border:none;font-family:inherit;font-size:inherit;padding:0}.hide-on-mobile{display:none}@media screen and (min-width:768px){.hide-on-mobile{display:block}.hide-on-desktop{display:none}}.text-center{text-align:center}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navBar{align-items:center;background-color:var(--color-primary);box-shadow:var(--shadow-sm);display:flex;height:var(--navbar-height);justify-content:space-between;left:0;padding:var(--space-sm) var(--space-lg);position:fixed;right:0;top:0;width:100%;z-index:var(--z-fixed)}#navBarTitle{font-family:var(--font-heading);font-size:var(--font-size-4xl);font-style:oblique;margin:0;white-space:nowrap}#navBarTitle,.navBarInfo{color:var(--color-text-inverse)}.navBarInfo{font-size:var(--font-size-2xl);margin:var(--space-sm);text-decoration:none;transition:color var(--transition-fast)}.navBarInfo:hover{color:var(--color-accent)}#barButton{align-items:center;display:flex;flex-direction:row;gap:var(--space-sm)}#navbar-buttons,#navbar-log{background-color:var(--color-white);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-button);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:1px;padding:var(--space-md) var(--space-xl);text-transform:uppercase;transition:all var(--transition-slow);white-space:nowrap}#navbar-log{margin-left:0;margin-right:var(--space-md)}#navbar-buttons:hover,#navbar-log:hover{background-color:var(--color-accent);box-shadow:var(--shadow-button-hover);color:var(--color-text-inverse);letter-spacing:3px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}#navbar-buttons:active,#navbar-log:active{-webkit-transform:translateY(0);transform:translateY(0);transition:var(--transition-fast)}@media screen and (max-width:480px){.navBar{justify-content:space-between;padding:var(--space-sm) var(--space-md)}#navBarTitle{font-size:1.5rem}.navBarInfo{font-size:var(--font-size-lg);margin:0 var(--space-sm);padding:0}#navbar-buttons,#navbar-log{font-size:.625rem;letter-spacing:.5px;padding:var(--space-sm) var(--space-md)}#navbar-log{align-items:center;display:flex;justify-content:center;margin-left:var(--space-sm);margin-right:0;min-height:32px}#navbar-buttons:hover,#navbar-log:hover{letter-spacing:1px}}@media screen and (min-width:768px){.navBar{padding:var(--space-md) var(--space-2xl)}#navBarTitle{font-size:var(--font-size-4xl)}#barButton{gap:var(--space-md)}#navbar-buttons,#navbar-log{font-size:var(--font-size-base);padding:var(--space-md) var(--space-2xl)}}@media screen and (min-width:1024px){.navBar{padding:var(--space-md) var(--space-3xl)}#navbar-buttons,#navbar-log{padding:var(--space-lg) var(--space-2xl)}}@media screen and (min-width:1440px){.navBar{padding:var(--space-lg) var(--space-3xl)}}.hamburger button{background:hsla(0,0%,100%,.1);border:2px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-inverse);cursor:pointer;margin-left:0;padding:var(--space-md);transition:all var(--transition-fast)}.hamburger button:hover{background:hsla(0,0%,100%,.15);border-color:var(--color-accent);-webkit-transform:scale(1.05);transform:scale(1.05)}.hamburger button:active{-webkit-transform:scale(.95);transform:scale(.95)}.hamburger-menu{text-decoration:none}#menu-logo{color:var(--color-text-inverse);-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:var(--font-size-2xl);width:30px}.ham-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 50%,var(--color-primary-light) 100%);box-shadow:4px 0 20px rgba(0,0,0,.5);display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:-100%;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:left var(--transition-slower);width:var(--hamburger-width);z-index:var(--z-modal)}.ham-menu.active{left:0;transition:left .35s cubic-bezier(.4,0,.2,1)}.ham-menu-subs{display:flex;flex-direction:column;gap:var(--space-xs);margin:0;padding:var(--space-md) var(--space-lg);width:100%}#subreddits-header{background:none;border-bottom:3px solid var(--color-accent);color:var(--color-text-inverse);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:1px;margin:0 0 var(--space-lg) 0;overflow:visible;padding:0 var(--space-md);padding-bottom:var(--space-md);position:relative;text-align:left;text-transform:uppercase}#subreddits-header:before{color:var(--color-accent);content:"●";font-size:.8em;margin-right:var(--space-sm)}.hamburger-subreddits{list-style:none;margin:0;padding:0}.hamburger-subreddits li{list-style:none;margin-bottom:var(--space-xs);overflow:hidden;position:relative}.hamburger-subreddits li:before{background:var(--color-accent);bottom:0;content:"";left:0;position:absolute;top:0;-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform var(--transition-base);transition:transform var(--transition-base);transition:transform var(--transition-base),-webkit-transform var(--transition-base);width:3px}.hamburger-subreddits li:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hamburger-subreddits a{align-items:center;background:hsla(0,0%,100%,.03);border-radius:var(--radius-sm);color:var(--color-text-inverse);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--space-md) var(--space-lg);position:relative;text-decoration:none;transition:all var(--transition-base)}.hamburger-subreddits a:before{color:var(--color-accent);content:"r/";font-weight:var(--font-weight-bold);margin-right:var(--space-xs);opacity:.7}.hamburger-subreddits a:hover{background:hsla(0,0%,100%,.12);box-shadow:var(--shadow-sm);color:var(--color-accent);padding-left:var(--space-xl)}.hamburger-subreddits a:active{-webkit-transform:scale(.98);transform:scale(.98)}@media screen and (max-width:480px){.hamburger button{margin-left:0;padding:var(--space-sm)}#menu-logo{font-size:var(--font-size-xl)}.ham-menu{width:var(--hamburger-width-mobile)}#subreddits-header{font-size:var(--font-size-base);margin:0 0 var(--space-md) 0;padding:0 var(--space-sm);padding-bottom:var(--space-sm)}.ham-menu-subs{padding:var(--space-sm) var(--space-sm)}.hamburger-subreddits a{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}.hamburger-subreddits a:hover{padding-left:var(--space-lg)}}@media screen and (min-width:768px){.ham-menu{width:300px}#subreddits-header{font-size:var(--font-size-2xl);margin:0 0 var(--space-xl) 0}.ham-menu-subs,.hamburger-subreddits a{padding:var(--space-md) var(--space-xl)}.hamburger-subreddits a{font-size:var(--font-size-xl)}.hamburger-subreddits a:hover{padding-left:calc(var(--space-xl) + var(--space-md))}}@media screen and (min-width:1024px){.ham-menu{width:320px}.hamburger button{margin-left:0;padding:var(--space-md) var(--space-lg)}#subreddits-header{font-size:var(--font-size-3xl)}.hamburger-subreddits a{font-size:var(--font-size-2xl)}}.hamburger button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hamburger-subreddits a:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.home-page-main-container{align-items:center;display:flex;flex-direction:column;padding:0 var(--space-md);padding-top:calc(var(--navbar-height) + var(--space-md));width:100%}.home-page-filter-container{align-items:center;background-color:var(--color-bg-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg);margin-top:var(--space-3xl);max-width:var(--container-md);padding:var(--space-md);width:100%}.filter-text{color:var(--color-accent);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-right:var(--space-md);white-space:nowrap}#filter-button{display:flex;flex-wrap:wrap;gap:var(--space-sm)}#filter-button button{align-items:center;background-color:var(--color-white);border:2px solid transparent;border-radius:var(--radius-sm);color:var(--color-accent);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;margin:0;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}#filter-button button:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}#filter-button button:active{-webkit-transform:translateY(0);transform:translateY(0)}.filter-dropdown{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-base);height:40px;min-width:150px;padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast)}.filter-dropdown:focus,.filter-dropdown:hover{border-color:var(--color-accent)}.filter-dropdown:focus{box-shadow:0 0 0 2px rgba(29,201,160,.2);outline:none}.user-assets-container{display:flex;justify-content:center;margin-bottom:var(--space-lg);width:100%}.home-page-post-container{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr;justify-items:center;max-width:var(--container-xl);padding:0 var(--space-md);width:100%}.post{border:1px solid var(--color-border);height:400px;margin:var(--space-lg);width:300px}.post,.post-modal-content{border-radius:var(--radius-sm)}.post-modal-content{background-color:var(--color-white);box-shadow:var(--shadow-md);height:600px;padding:var(--space-lg);width:500px}.news-feed-scroll-wrapper{margin-bottom:var(--space-sm);overflow:hidden;position:relative;width:100%}.news-feed-scroll{display:flex;gap:var(--space-md);margin-top:0;overflow-x:auto;overflow-y:hidden;padding:var(--space-sm) 0;scroll-behavior:smooth;width:100%}.news-feed-scroll::-webkit-scrollbar{display:none}.scroll-buttons{display:flex;justify-content:space-between;left:0;padding:0 var(--space-sm);pointer-events:none;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--z-dropdown)}.scroll-buttons div{align-items:center;background-color:hsla(0,0%,100%,.7);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:40px;justify-content:center;pointer-events:auto;transition:all var(--transition-fast);width:40px}.scroll-buttons div:hover{background-color:var(--color-accent);color:var(--color-white);-webkit-transform:scale(1.1);transform:scale(1.1)}.scroll-left,.scroll-right{margin:var(--space-md)}.news-feed-container{background-position:50%;background-size:cover;border-radius:var(--radius-md);cursor:pointer;height:150px;min-width:150px;overflow:hidden;position:relative;transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast)}.news-feed-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.news-feed-sub-container{align-items:flex-end;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.3),rgba(0,0,0,.5),rgba(0,0,0,.7),rgba(0,0,0,.9));border-radius:var(--radius-md);display:flex;height:100%;padding:var(--space-sm);width:100%}.news-feed-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-inverse);display:-webkit-box;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:0;overflow:hidden;text-overflow:ellipsis}.news-anchor{display:block;text-decoration:none}@media screen and (max-width:480px){.home-page-main-container{padding:0 var(--space-sm);padding-top:calc(var(--navbar-height) + var(--space-sm))}.home-page-filter-container{gap:var(--space-sm);padding:var(--space-sm);width:95%}.filter-text{font-size:var(--font-size-sm)}#filter-button button{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.filter-dropdown{font-size:var(--font-size-sm);height:36px;min-width:120px}.home-page-post-container{gap:var(--space-md);padding:0}.news-feed-scroll{gap:var(--space-sm);padding:var(--space-xs) 0}.news-feed-container{height:120px;min-width:120px}.news-feed-title{font-size:.625rem}.scroll-buttons div{font-size:var(--font-size-lg);height:32px;width:32px}}@media screen and (min-width:768px){.home-page-post-container{grid-template-columns:1fr;max-width:var(--container-md)}.news-feed-container{height:160px;min-width:160px}.news-feed-title{font-size:var(--font-size-base)}.home-page-filter-container{max-width:var(--container-md)}}@media screen and (min-width:1024px){.home-page-main-container{padding:0 var(--space-lg);padding-top:calc(var(--navbar-height) + var(--space-lg))}.home-page-post-container{max-width:var(--container-lg)}.news-feed-container{height:180px;min-width:180px}}@media screen and (min-width:1440px){.home-page-post-container{max-width:var(--container-xl)}.news-feed-container{height:200px;min-width:200px}.news-feed-title{font-size:var(--font-size-lg)}}.scroll-buttons div:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.news-feed-container:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.post-card{background-color:var(--color-bg-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text-inverse);cursor:pointer;display:flex;flex-direction:column;height:auto;margin:0 auto var(--space-lg);max-width:100%;min-height:400px;overflow:hidden;transition:box-shadow var(--transition-base),-webkit-transform var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),-webkit-transform var(--transition-base);width:100%}.post-card:hover{box-shadow:var(--shadow-md),0 12px 24px rgba(0,0,0,.4);-webkit-transform:translateY(-4px);transform:translateY(-4px)}#title{color:var(--color-text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0;padding:var(--space-md);text-align:center}.post-card img{background-color:var(--color-bg-darker);height:250px;object-fit:cover;object-position:center;width:100%}#votes-div{background-color:rgba(0,0,0,.2);flex-direction:row;gap:var(--space-lg);justify-content:center;margin-top:auto;padding:var(--space-lg)}.votes{align-items:center;display:flex;font-size:var(--font-size-xl);gap:var(--space-sm)}#upVotes{color:var(--color-success)}#downVotes{color:var(--color-error)}#comments-tab{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--color-text-inverse);display:flex;font-size:var(--font-size-lg);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:background-color var(--transition-fast)}#comments-tab:hover{background-color:hsla(0,0%,100%,.2)}@media screen and (max-width:480px){.post-card{margin-bottom:var(--space-md);max-width:95vw;min-height:300px;width:95vw}#title{font-size:var(--font-size-lg);padding:var(--space-sm)}.post-card img{height:200px}#votes-div{flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md)}#downVotes,#upVotes,.votes{font-size:var(--font-size-lg)}#comments-tab{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}}@media screen and (min-width:768px){.post-card{height:auto;max-width:600px;min-height:380px;width:100%}#title{font-size:var(--font-size-2xl);padding:var(--space-lg)}.post-card img{height:300px}#votes-div{padding:var(--space-xl)}.votes{font-size:var(--font-size-2xl)}#comments-tab{font-size:var(--font-size-xl)}}@media screen and (min-width:1024px){.post-card{max-width:700px;min-height:420px}.post-card img{height:350px}}@media screen and (min-width:1440px){.post-card{max-width:800px;min-height:460px}.post-card img{height:400px}}.post-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}#comments-tab:focus-visible,#votes-div button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.user-assets-list{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2),0 0 0 1px rgba(0,0,0,.9);display:flex;flex-direction:column;float:right;margin:80px}.user-asset{list-style-type:none}@media only screen and (max-width:1000px){.user-assets-list{display:none}}.post-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--color-overlay);display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:var(--space-lg);position:fixed;top:0;width:100%;z-index:var(--z-modal)}.hide-element{display:none}.close-btn-container{background-color:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:800px;overflow-y:auto;padding:var(--space-xl);position:relative;width:90%}.modal-title{color:var(--color-text-inverse);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center}.modal-image,.modal-title{margin-bottom:var(--space-md)}.modal-image{background-color:var(--color-bg-darker);border-radius:var(--radius-sm);max-height:500px;object-fit:contain;width:100%}.texts{color:var(--color-text-inverse);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.texts,.votes-container{margin-bottom:var(--space-lg);padding:var(--space-md)}.votes-container{background-color:rgba(0,0,0,.2);border-radius:var(--radius-sm);justify-content:space-between}#votes-div,.votes-container{align-items:center;display:flex}#votes-div{gap:var(--space-md)}.votes{color:var(--color-text-inverse)}.votes,.votes2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-right:var(--space-md)}.votes2{color:var(--color-error)}.upvote-button{background-color:var(--color-upvote)}.downvote-button,.upvote-button{border:none;border-radius:var(--radius-sm);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.downvote-button{background-color:var(--color-downvote)}.downvote-button:hover,.upvote-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.downvote-button:active,.upvote-button:active{-webkit-transform:scale(.95);transform:scale(.95)}.comments-container{background:var(--color-bg-darker);border-radius:var(--radius-lg);box-shadow:var(--shadow-neumorphic-dark);margin-top:var(--space-lg);padding:var(--space-lg)}.comments-title{border-bottom:2px solid var(--color-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0;text-align:center}.comments-scrollable,.comments-title{color:var(--color-text-inverse);padding:var(--space-md)}.comments-scrollable{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;max-height:300px;overflow-y:auto}.comment{background-color:hsla(0,0%,100%,.05);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-md);padding:var(--space-md);transition:background-color var(--transition-fast);width:95%}.comment:hover{background-color:hsla(0,0%,100%,.1)}.comment-box{display:flex;flex-direction:column;margin-top:var(--space-lg);padding:var(--space-md)}.comment-box textarea{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--space-md);min-height:80px;padding:var(--space-md);resize:vertical;width:100%}.comment-box textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(29,201,160,.2);outline:none}.comment-box button{align-self:flex-start;background-color:var(--color-bg-dark);border:none;border-radius:var(--radius-sm);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);transition:background-color var(--transition-fast)}.comment-box button:hover{background-color:var(--color-accent)}.close-post-modal{align-items:center;background-color:rgba(0,0,0,.5);border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:40px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:all var(--transition-fast);width:40px;z-index:var(--z-tooltip)}.close-post-modal:hover{background-color:var(--color-error);-webkit-transform:rotate(90deg) scale(1.1);transform:rotate(90deg) scale(1.1)}@media screen and (max-width:480px){.post-modal{align-items:flex-start;padding:var(--space-sm);padding-top:calc(var(--navbar-height) + var(--space-md))}.close-btn-container{margin-top:var(--space-md);max-height:85vh;padding:var(--space-lg);width:95%}.modal-title{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.modal-image{max-height:300px}.close-post-modal{height:36px;right:var(--space-sm);top:var(--space-sm);width:36px}.votes,.votes2{font-size:var(--font-size-lg)}.downvote-button,.upvote-button{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.comments-scrollable{max-height:200px}.comments-title{font-size:var(--font-size-lg)}}@media screen and (min-width:768px){.close-btn-container,.post-modal{padding:var(--space-2xl)}.close-btn-container{max-width:900px;width:85%}.modal-image{max-height:600px}.comments-scrollable{max-height:350px}}@media screen and (min-width:1024px){.close-btn-container{max-width:1000px}.modal-image{max-height:700px}.comments-scrollable{max-height:400px}}.close-post-modal:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.comment-box button:focus-visible,.downvote-button:focus-visible,.upvote-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.comment-form{align-items:center;display:flex;flex-direction:row;margin-top:16px}.comment-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:16px;margin-right:8px;min-height:50px;padding:8px}.comment-submit{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.eliminate{border:none;font-size:30px;margin-right:20px;padding-left:0;padding-right:0}#eliminate button:hover{background-color:none}


  
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;-webkit-transform:translateY(10px);transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.2)}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}body{background:var(--color-bg-dark);font-family:var(--font-primary)}.create-post{background-color:var(--color-bg-light);background:var(--color-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-neumorphic-inset);margin:calc(var(--navbar-height) + var(--space-3xl)) auto var(--space-2xl);max-width:700px;min-height:450px;padding:var(--space-3xl);position:relative;text-align:center}.create-post h2{color:var(--color-text-inverse);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl)}.create-post form{align-items:center;display:flex;flex-direction:column}.form-group{margin-bottom:var(--space-lg);margin-top:var(--space-xl);text-align:left;width:100%}.create-post label{color:var(--color-text-inverse);display:block;font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.create-post .ql-container,.create-post input,.create-post textarea{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-sizing:border-box;font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.create-post input:focus,.create-post textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(29,201,160,.2);outline:none}.create-post select{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--space-md);transition:border-color var(--transition-fast);width:100%}.create-post select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(29,201,160,.2);outline:none}.input-form{font-family:var(--font-primary);margin-bottom:var(--space-md);position:relative}.input{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--space-md);transition:all var(--transition-fast);width:100%}.textUser{color:var(--color-text-muted);left:15px;pointer-events:none;position:absolute;-webkit-transform:translateY(1rem);transform:translateY(1rem);transition:var(--transition-fast)}.input:focus,.input:valid{background-image:linear-gradient(0deg,hsla(0,0%,71%,.2),hsla(0,0%,99%,0));border-color:var(--color-accent);box-shadow:var(--shadow-sm);outline:none}.input:focus~label,.input:valid~label{color:var(--color-text-primary);left:80px;padding:0 .2em;-webkit-transform:translateY(-95%) scale(.9);transform:translateY(-95%) scale(.9)}.input:hover{border:2px solid var(--color-accent);box-shadow:var(--shadow-sm);-webkit-transform:scale(1.02);transform:scale(1.02)}.inputbox{text-align:left;width:100%}button{align-items:center;background-color:initial;border:2px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);cursor:pointer;display:flex;flex-direction:row;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:center;letter-spacing:1px;margin:var(--space-sm);padding:var(--space-md) var(--space-2xl);transition:all var(--transition-fast)}button:hover{background-color:rgba(29,201,160,.1);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-3px) scale(1.03);transform:translateY(-3px) scale(1.03)}button:active,button:hover{border-color:var(--color-accent);color:var(--color-accent)}button:active{background-color:initial;-webkit-transform:translateY(2px) scale(.98);transform:translateY(2px) scale(.98)}button:disabled{background-color:hsla(0,0%,100%,.16);border-color:var(--color-text-muted);color:var(--color-text-muted);cursor:not-allowed;-webkit-transform:none;transform:none}.close-button-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--space-md)}.close-button{align-items:center;background-color:rgba(0,0,0,.3);border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:40px;justify-content:center;transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast);width:40px}.close-button:hover{background-color:var(--color-error);-webkit-transform:rotate(90deg) scale(1.1);transform:rotate(90deg) scale(1.1)}.ql-editor{color:var(--color-text-primary);min-height:120px}.ql-toolbar{background-color:var(--color-bg-light);border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}@media screen and (max-width:480px){.create-post{margin-top:calc(var(--navbar-height) + var(--space-xl));min-height:auto;padding:var(--space-xl) var(--space-md);width:95%}.create-post h2{font-size:var(--font-size-xl)}.create-post h2,.create-post label{color:var(--color-text-inverse)}.inputbox{margin-top:var(--space-md)}.create-post .ql-container,.create-post input,.create-post select,.create-post textarea,button{font-size:var(--font-size-sm)}button{padding:var(--space-sm) var(--space-lg)}.close-button{height:32px;width:32px}}@media only screen and (min-width:576px) and (max-width:768px){.create-post{padding:var(--space-2xl)}.create-post h2{font-size:var(--font-size-2xl)}.create-post .ql-container,.create-post input,.create-post select,.create-post textarea,button{font-size:var(--font-size-sm)}button{padding:var(--space-sm) var(--space-xl)}}@media only screen and (min-width:768px){.create-post{padding:var(--space-3xl)}.create-post h2{font-size:var(--font-size-3xl)}.create-post .ql-container,.create-post input,.create-post select,.create-post textarea,button{font-size:var(--font-size-base)}button{padding:var(--space-md) var(--space-2xl)}}@media only screen and (min-width:1024px){.create-post{max-width:800px}}@media only screen and (min-width:1440px){.create-post{max-width:900px}}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.create-post input:focus-visible,.create-post select:focus-visible,.create-post textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.close-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.home-page-main-container{padding-top:0!important}#subredditHeader{align-content:center;align-items:center;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-flow:row wrap;justify-content:space-around;margin:var(--navbar-height) auto var(--space-xl);max-width:var(--container-lg);padding:var(--space-lg);width:90%}#user-avatar{align-self:center;border:2px solid var(--color-accent);border-radius:var(--radius-full);height:50px;margin-left:var(--space-lg);object-fit:cover;width:50px}#title-subLink-join{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-md)}#sub-title{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-sm) 0}#sub-link{color:var(--color-accent);font-size:var(--font-size-base);text-decoration:none;transition:color var(--transition-fast)}#sub-link:hover{color:var(--color-primary);text-decoration:underline}#subreddit-description{align-self:center;color:var(--color-primary);display:flex;flex-flow:row wrap;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:var(--space-sm);max-width:300px}#filter-div{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}#subreddit-banner-dropdown-menu-label{font-weight:var(--font-weight-medium);margin-right:var(--space-md)}#post-filter-options,#subreddit-banner-dropdown-menu-label{align-self:center;color:var(--color-primary);font-size:var(--font-size-sm)}#post-filter-options{background-color:var(--color-white);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}#post-filter-options:hover{background-color:var(--color-accent);color:var(--color-white)}#post-filter-options:focus{outline:2px solid var(--color-accent);outline-offset:2px}#join-button{align-self:center;background-color:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--space-sm) var(--space-xl);text-transform:uppercase;transition:all var(--transition-fast)}#join-button:hover{background-color:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-accent);-webkit-transform:translateY(-2px);transform:translateY(-2px)}#join-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.new-post-button{cursor:pointer}.create-buttons #close-post,.new-post-button{align-items:center;display:flex;flex-flow:row wrap;margin:0;padding:var(--space-sm) var(--space-md)}.sub-post{align-items:center;padding:0 var(--space-md)}.sub-post,.sub-post .post-card{display:flex;flex-direction:column;width:100%}.sub-post .post-card{background-color:var(--color-bg-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text-inverse);margin:0 auto var(--space-lg);max-width:700px;min-height:400px}@media screen and (max-width:480px){#subredditHeader{flex-flow:column;gap:var(--space-sm);justify-content:center;margin-top:var(--navbar-height);max-width:100%;min-height:120px;padding:var(--space-md);width:95%}#user-avatar{height:40px;margin:0;width:40px}#title-subLink-join{padding:var(--space-sm);text-align:center}#sub-title{font-size:var(--font-size-xl);margin:var(--space-xs) 0}#sub-link{font-size:var(--font-size-sm)}#subreddit-description{font-size:.625rem;margin:var(--space-sm) 0;max-width:100%;text-align:center}#join-button{font-size:var(--font-size-sm);margin:var(--space-sm) 0;padding:var(--space-xs) var(--space-md)}#filter-div{margin:var(--space-sm) 0;width:100%}#subreddit-banner-dropdown-menu-label{font-size:var(--font-size-xs);margin:0}#post-filter-options{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.create-buttons #close-post,.new-post-button{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.sub-post{padding:0 var(--space-xs)}.sub-post .post-card{max-width:98vw;min-height:350px;width:98vw}.post-card{height:auto;min-height:350px;width:98vw}#downVotes,#upVotes{font-size:var(--font-size-lg)}#comments-tab{font-size:var(--font-size-sm);padding-left:0}}@media screen and (min-width:768px){#subredditHeader{padding:var(--space-xl);width:85%}#user-avatar{height:60px;margin-left:var(--space-xl);width:60px}#sub-title{font-size:var(--font-size-4xl)}#sub-link{font-size:var(--font-size-lg)}#subreddit-description{font-size:var(--font-size-base);max-width:400px}#join-button{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-2xl)}.sub-post .post-card{max-width:750px;min-height:450px}}@media screen and (min-width:1024px){#subredditHeader{max-width:var(--container-lg);width:80%}.sub-post .post-card{max-width:800px;min-height:500px}}@media screen and (min-width:1440px){#subredditHeader{max-width:var(--container-xl);width:75%}.sub-post .post-card{max-width:900px}}#join-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}#sub-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.create-buttons #close-post:focus-visible,.new-post-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.form{align-items:center;background:var(--color-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-neumorphic-inset);display:flex;flex-direction:column;margin:calc(var(--navbar-height) + var(--space-2xl)) auto var(--space-2xl);max-width:550px;min-height:500px;padding:var(--space-2xl) var(--space-xl);position:relative;width:90%}.sign-up-heading{border-bottom:2px solid var(--color-text-inverse);color:var(--color-text-inverse);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.inputs,.sign-up-heading{text-align:center;width:100%}.inputs{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.signup-input{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:48px;margin:0 auto;max-width:400px;padding:0 var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.signup-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(29,201,160,.2);outline:none}.signup-input::-webkit-input-placeholder{color:var(--color-text-muted)}.signup-input::placeholder{color:var(--color-text-muted)}.password-mismatch{background-color:hsla(0,0%,100%,.9);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md)}#submit-password{background-color:var(--color-white);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:1px;margin-top:var(--space-xl);padding:var(--space-md) var(--space-3xl);text-transform:uppercase;transition:all var(--transition-base)}#submit-password:hover{background-color:var(--color-accent);box-shadow:var(--shadow-button-hover);color:var(--color-white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}#submit-password:active{-webkit-transform:translateY(0);transform:translateY(0)}#submit-password:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}@media screen and (max-width:480px){.form{margin-top:calc(var(--navbar-height) + var(--space-lg));min-height:auto;padding:var(--space-xl) var(--space-md);width:95%}.sign-up-heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.inputs{gap:var(--space-sm);padding:var(--space-md)}.signup-input{line-height:44px}#submit-password,.signup-input{font-size:var(--font-size-base)}#submit-password{margin-top:var(--space-lg);max-width:300px;padding:var(--space-md) var(--space-xl);width:100%}}@media screen and (min-width:768px){.form{max-width:600px;padding:var(--space-3xl) var(--space-2xl);width:80%}.sign-up-heading{font-size:var(--font-size-4xl)}.signup-input{line-height:52px}#submit-password{font-size:var(--font-size-xl)}}@media screen and (min-width:1024px){.form{max-width:650px;width:45%}}@media screen and (min-width:1440px){.form{width:40%}}#submit-password:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.signup-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.login-wrapper{align-items:center;background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 50%,var(--color-primary-light) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;margin:calc(var(--navbar-height) + var(--space-2xl)) auto var(--space-2xl);max-width:450px;min-height:380px;overflow:hidden;padding:var(--space-2xl) var(--space-xl);position:relative;width:90%}.login-wrapper:before{background:radial-gradient(circle,rgba(29,201,160,.1) 0,transparent 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.login-wrapper h1{color:var(--color-text-inverse);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:2px;margin-bottom:var(--space-xl);position:relative;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.2);text-transform:uppercase;z-index:1}.login-wrapper form{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:1}.login-wrapper input{background:hsla(0,0%,100%,.95);border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);box-shadow:0 4px 6px rgba(0,0,0,.1);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:48px;margin-bottom:var(--space-md);max-width:380px;padding:0 var(--space-md);transition:all var(--transition-base);width:100%}.login-wrapper input:focus{background:var(--color-white);border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(29,201,160,.3),0 8px 16px rgba(0,0,0,.2);outline:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-wrapper input::-webkit-input-placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-normal);letter-spacing:1px}.login-wrapper input::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-normal);letter-spacing:1px}.login-wrapper button{background:linear-gradient(135deg,var(--color-white) 0,hsla(0,0%,100%,.9) 100%);border:none;border-radius:var(--radius-full);box-shadow:0 6px 20px rgba(0,0,0,.2);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:2px;margin:var(--space-lg) auto var(--space-sm);overflow:hidden;padding:var(--space-md) var(--space-3xl);position:relative;text-transform:uppercase;transition:all var(--transition-base)}.login-wrapper button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.login-wrapper button:hover:before{left:100%}.login-wrapper button:hover{background:var(--color-accent);box-shadow:var(--shadow-button-hover),0 10px 30px rgba(29,201,160,.4);color:var(--color-white);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.login-wrapper button:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}#error-message{-webkit-animation:shake .4s ease-in-out;animation:shake .4s ease-in-out;background-color:hsla(0,0%,100%,.95);border-left:4px solid var(--color-error);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(220,53,69,.2);color:var(--color-error);font-weight:var(--font-weight-semibold);margin-top:var(--space-md);max-width:100%;padding:var(--space-md) var(--space-lg);position:relative;text-align:center;z-index:1}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}75%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}75%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@media screen and (max-width:480px){.login-wrapper{margin-top:calc(var(--navbar-height) + var(--space-lg));min-height:auto;padding:var(--space-xl) var(--space-md);width:95%}.login-wrapper h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg)}.login-wrapper input{font-size:var(--font-size-base);line-height:44px}.login-wrapper button{font-size:var(--font-size-base);max-width:300px;padding:var(--space-md) var(--space-xl);width:100%}}@media screen and (min-width:768px){.login-wrapper{max-width:550px;padding:var(--space-3xl) var(--space-2xl);width:80%}.login-wrapper h1{font-size:var(--font-size-4xl)}.login-wrapper input{line-height:52px}.login-wrapper button{font-size:var(--font-size-xl)}}@media screen and (min-width:1024px){.login-wrapper{max-width:600px;width:40%}}@media screen and (min-width:1440px){.login-wrapper{width:35%}}.login-wrapper button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.login-wrapper input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
/*# sourceMappingURL=main.e0702d83.css.map*/