:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.layout-container{flex-direction:column;height:100vh;display:flex}.top-bar{color:#f5f5f5;z-index:1000;box-sizing:border-box;background-color:#5d4037;border-bottom:4px solid #3e2723;justify-content:space-between;align-items:center;width:100%;height:90px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 5px #0000004d}.top-bar-left{align-items:center;display:flex}.site-logo{width:auto;height:60px;margin-left:10px}.top-bar a{color:#f5f5f5;text-shadow:1px 1px 2px #00000080;text-decoration:none}.site-title-link{align-items:center;margin-left:10px;display:flex}.site-title-img{width:auto;height:60px}.auth-links a{margin-left:15px}.main-content-wrapper{flex:1;width:100%;height:calc(100vh - 90px);margin-top:90px;display:flex}.side-nav{text-align:left;background-color:#fff8dc;border-right:1px solid tan;flex-shrink:0;width:250px;padding:20px;transition:transform .3s ease-in-out;box-shadow:2px 0 5px #0000001a}.side-nav ul{padding:0;list-style:none}.side-nav li{border-bottom:1px dashed tan;margin-bottom:15px;padding-bottom:5px}.side-nav a,.logout-btn{color:#5d4037;cursor:pointer;background:0 0;border:none;padding:0;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700;text-decoration:none}.side-nav a:hover,.logout-btn:hover{color:sienna}.page-content{flex:1;width:100%;padding:20px;overflow-y:auto}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.5rem;display:none}@media (max-width:768px){.top-bar{height:60px;padding:0 .5rem}.site-logo{height:40px;margin-left:5px}.site-title-img{height:30px}.main-content-wrapper{height:calc(100vh - 60px);margin-top:60px}.side-nav{z-index:999;width:250px;height:calc(100vh - 60px);position:fixed;top:60px;left:0;transform:translate(-100%);box-shadow:2px 0 5px #0000001a}.side-nav.open{transform:translate(0)}.menu-btn{display:block}}.profile-dropdown-container{display:inline-block;position:relative}.profile-btn{color:#f5f5f5;cursor:pointer;background:0 0;border:none;align-items:center;padding:5px;display:flex}.dropdown-menu{z-index:1;background-color:#fff;border-radius:4px;min-width:160px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 16px #0003}.dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:16px;text-decoration:none;display:block;color:#000!important}.dropdown-item:hover{background-color:#f1f1f1}#root{width:100%;height:100%}body{color:#4a3b2a;background-color:#e0cda7;background-image:radial-gradient(#d4c19c 2px,#0000 2px);background-size:20px 20px;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.pin-card{background-color:#fff;border:1px solid #dcdcdc;padding:15px 15px 40px;transition:transform .2s;transform:rotate(-2deg);box-shadow:3px 3px 8px #0003}.pin-card:nth-child(2n){transform:rotate(1deg)}.pin-card:hover{z-index:10;transform:scale(1.05)rotate(0);box-shadow:5px 5px 15px #0000004d}.pin-card img{border:1px solid #eee;width:100%;height:auto;display:block}.pin-card p{color:#333;margin:10px 0 0;font-family:Courier New,Courier,monospace}button{color:#fff;cursor:pointer;background-color:#8b4513;border:none;border-radius:4px;padding:10px 20px;font-weight:700;box-shadow:2px 2px 5px #0003}button:hover{background-color:sienna}input[type=text],input[type=password]{color:#4a3b2a;background-color:#fff8dc;border:2px solid #8b4513;border-radius:4px;padding:10px}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.vote-container{justify-content:center;align-items:center;gap:5px;margin-top:5px;display:flex}.vote-mobile{display:none}.vote-desktop{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.vote-btn{cursor:pointer;color:#8b4513;background:0 0;border:1px solid #8b4513;border-radius:3px;padding:2px 5px;font-size:.8em;transition:all .2s}.vote-btn:hover,.vote-btn.selected{color:#fff;background-color:#8b4513}@media (max-width:768px){.vote-mobile{display:block}.vote-desktop{display:none}}