:root{--primary-color:#4f645a;--secondary:#52617a;--bg-color:#e6f5f3;--bg-dark:#d9e7e6;--bg-light:#fafffe;--text-color:#000f0e;--text-muted:#344c4a;--highlight:#f0fffe;--border:#6d8886;--border-card:solid 1px var(--bg-color);--card-bg:linear-gradient(0deg, var(--bg-color) 95%, var(--bg-light));--card-bg-hover:linear-gradient(0deg, var(--bg-color), var(--bg-light));--glass-border:#6d8886;--input-bg:var(--bg-light);--shadow:0px 2px 2px #00000012, 0px 4px 4px #00000026}[data-theme=dark]{--primary-color:#0ff;--secondary:#e996a2;--bg-color:#040b0b;--bg-dark:#000504;--bg-light:#0f1a19;--text-color:#dcf9f7;--text-muted:#9db8b6;--highlight:#4f6967;--border:#344c4a;--border-card:solid 1px var(--border);--card-bg:linear-gradient(0deg, var(--bg-color) 95%, var(--bg-light));--card-bg-hover:linear-gradient(0deg, var(--bg-color), var(--bg-light));--glass-border:#344c4a;--input-bg:var(--bg-dark);--shadow:0px 2px 2px #00000012, 0px 4px 4px #00000026}*,:before,:after{box-sizing:border-box;outline:none}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);color:var(--text-color);background-image:radial-gradient(80% 80% at 20% -20%,#00ffee0f,#0000),radial-gradient(80% 80% at 80% 120%,#0062ff0f,#0000),radial-gradient(60% 80% at 90% 10%,#e996a20a,#0000),radial-gradient(80% 60% at 10% 90%,#4f645a0a,#0000);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin:0;font-weight:600}img{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}ul,ol{margin:0;padding:0}#root{max-width:1280px;margin:0 auto;padding:2rem}.btn{background:var(--bg-light);color:var(--text-color);border:var(--border-card);border-top:solid 1px var(--highlight);box-shadow:var(--shadow);cursor:pointer;border-radius:.5rem;outline:none;padding:.5rem 1rem .7rem;font-size:.875rem;font-weight:700;transition:color .2s,box-shadow .2s,transform .1s}.btn:hover,.btn:focus-visible{background:var(--highlight);color:var(--text-muted);outline:none;transform:translateY(-2px)scale(1.03);box-shadow:0 4px 16px #0000001a}.btn:active{transform:translateY(.1px)scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-text{box-shadow:none;background:0 0;border:none;border-radius:0;padding:.5rem 1rem}.btn-text:hover,.btn-text:focus-visible{box-shadow:none;color:var(--highlight);background:0 0;transform:none}.btn-text:active{transform:none}.header{border:var(--border-card);border-top:solid 1px var(--highlight);background:var(--card-bg);box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;display:flex;position:relative}.header-top{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-links{align-items:center;gap:1rem;display:flex}.mobile-menu-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;display:none}@media (width<=768px){.header{flex-direction:column;padding:1rem}.mobile-menu-btn{display:block}.navbar-links{flex-direction:column;gap:.75rem;width:100%;margin-top:1rem;display:none}.navbar-links.open{display:flex}}.header-title{font-size:1.25rem;font-weight:600}.post-card{background:var(--card-bg);border:var(--border-card);border-top:solid 1px var(--highlight);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.post-card:hover{background:var(--card-bg-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.post-page{padding:1rem}.post-page h1{font-size:3.25rem}input,textarea{background:var(--input-bg);color:var(--text-color);border:var(--border-card);border-top:solid 1px var(--highlight);box-sizing:border-box;border-radius:8px;outline:none;width:100%;margin-bottom:1rem;padding:.75rem;font-family:inherit}input:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 4px var(--primary-color);outline:none}.ReactModal__Overlay{z-index:1000;background-color:#000000bf!important;justify-content:center!important;align-items:center!important;display:flex!important}.ReactModal__Content{box-sizing:border-box;width:90%;max-width:600px;box-shadow:var(--shadow);background:var(--card-bg)!important;border:var(--border-card)!important;border-top:solid 1px var(--highlight)!important;color:var(--text-color)!important;border-radius:16px!important;padding:2.5rem 2rem 2rem!important;position:relative!important;inset:auto!important}.ReactModal__Content h2{margin-top:0;margin-bottom:1.5rem}.modal-close-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:all .2s;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{text-shadow:0 0 2px var(--primary-color);transform:scale(1.1)}a{color:var(--primary-color);text-decoration:none;transition:color .18s ease-in-out,text-shadow .18s ease-in-out}a:hover{color:var(--secondary);text-shadow:0 0 2px var(--primary-color)}