@import "./forms.css";@import "./search.css";@import "./postview.css";:root{--theme-color:#05f;--accent-color:hsl(from var(--theme-color) calc(h - 180) s l);--background-color:oklch(from var(--theme-color) 18% 10% h);--text-color:#eee;--raised-color:oklch(from var(--theme-color) 30% 20% h);--raised-text-color:oklch(from var(--theme-color) 40% 20% h);--link-color:oklch(from var(--accent-color) 85% 50% h);--link-raised-color:oklch(from var(--accent-color) 85% 25% h);--link-background-color:oklch(from var(--accent-color) 45% 35% h);--link-border-color:oklch(from var(--link-color) 70% c h);--gap-xs:.25rem;--gap-s:.5rem;--gap-m:1rem;--gap-l:1.5rem;background-color:var(--background-color);color:var(--text-color);font-feature-settings:"liga" 1, "calt" 1;font-family:Inter,sans-serif}@supports (color:lab(0% 0 0)){:root{--text-color:lab(94.2% 0 0)}}input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;view-timeline:var(--img) inline;background:#f472a6;border-radius:50%;width:20px;height:20px}input[type=range]::-moz-slider-thumb{view-timeline:var(--img) inline}html,body{margin:0}#main{gap:var(--gap-m);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}main{padding:0 var(--gap-m)}h1,h2,h3,h4,h5{margin:0;margin-bottom:var(--gap-m);padding:0}input,textarea,select,button,a[href].action-button{font-feature-settings:"liga" 1, "calt" 1;--base-color:var(--raised-color);background-color:var(--base-color);border:1px solid var(--base-color);color:var(--text-color);padding:var(--gap-xs) var(--gap-s);border-radius:5px;font-family:Inter,sans-serif}:is(input,textarea,select,button,a[href].action-button)::placeholder{color:var(--raised-text-color)}:is(input,textarea,select,button,a[href].action-button):focus{box-shadow:0 0 0 1px var(--link-raised-color);outline:0}a[href].action-button,a[href]:visited.action-button{color:var(--text-color);text-decoration:none;display:inline-block}select{border:0}textarea{padding:var(--gap-s)}button,a[href].action-button{padding:var(--gap-s) var(--gap-m);cursor:pointer;--bg-color:oklch(from var(--raised-color) calc(l - .04) c h);--border-color:oklch(from var(--raised-color) calc(l + .04) c h);background-color:var(--bg-color);border-color:var(--border-color);font-size:1rem}:is(button,a[href].action-button).danger{--danger-color-bg:oklch(from var(--bg-color) l calc(c + .1) 10);--danger-color-border:oklch(from var(--border-color) l calc(c + .1) 10);background-color:var(--danger-color-bg);border-color:var(--danger-color-border)}:is(button,a[href].action-button).stuck{--stuck-color-bg:oklch(from var(--link-background-color) calc(l - .04) calc(c - .1) h);--stuck-color-border:oklch(from var(--link-border-color) calc(l - .2) calc(c - .1) h);background-color:var(--stuck-color-bg);border-color:var(--stuck-color-border)}:is(button,a[href].action-button):hover{background-color:var(--link-background-color);border-color:var(--link-border-color)}:is(button,a[href].action-button).danger:hover{background-color:var(--link-background-color);border-color:var(--link-border-color)}@supports (font-variation-settings:normal){:root,input,textarea{font-family:InterVariable,sans-serif}}a[href],a[href]:visited{color:var(--link-color)}.top-nav{gap:var(--gap-s);padding:0 var(--gap-s);--active-bg:var(--background-color);grid-template-areas:"search search""menu auth";display:grid}.top-nav:has(.active){border-bottom:2px solid var(--active-bg)}.top-nav a[href]{padding:var(--gap-s) var(--gap-m);color:oklch(from var(--theme-color) 85% 20% h);text-decoration:none;display:block}.top-nav a[href]:hover{color:oklch(from var(--accent-color) 95% 20% h);background-color:oklch(from var(--accent-color) 45% 35% h)}.top-nav a[href].active{background-color:var(--active-bg);pointer-events:none;color:oklch(from var(--theme-color) 100% 20% h)}.top-nav a[href]:visited{padding:var(--gap-s) var(--gap-m);color:oklch(from var(--theme-color) 85% 20% h);text-decoration:none;display:block}.top-nav a[href]:visited:hover{color:oklch(from var(--accent-color) 95% 20% h);background-color:oklch(from var(--accent-color) 45% 35% h)}.top-nav a[href]:visited.active{background-color:var(--active-bg);pointer-events:none;color:oklch(from var(--theme-color) 100% 20% h)}.top-nav{background-color:var(--raised-color)}.top-nav section{gap:var(--gap-xs);align-items:center;display:flex}.top-nav .top-nav-main{grid-area:menu}.top-nav .top-nav-auth{grid-area:auth;justify-content:end}.top-nav .top-nav-search{padding-top:var(--gap-s);grid-area:search}.top-nav .top-nav-search form{width:100%;display:flex}.top-nav .top-nav-search form input{background-color:oklch(from var(--raised-color) calc(l - .1) c h);width:100%;padding:var(--gap-s);flex:1}.label-capitalize{text-transform:capitalize}p{margin:0;padding:0;line-height:1.5}.action-list{gap:var(--gap-m);display:flex}@media (width>=800px){.top-nav{grid-template-areas:"menu search search auth"}.top-nav .top-nav-search{padding-top:0}nav.pagelist{justify-content:center}nav.pagelist a{padding:var(--gap-s) var(--gap-m);flex:0}nav.pagelist span{padding:var(--gap-s) var(--gap-m);flex:0}}.action-list.mini .action-button{padding:var(--gap-xs) var(--gap-s);font-size:.8rem}footer{padding:var(--gap-s);text-align:center;color:oklch(from var(--raised-text-color) calc(l + .2) c h);background-color:var(--raised-color);font-size:.8rem}.pagelist{gap:var(--gap-xs);justify-content:stretch;display:flex}.pagelist a{text-align:center;padding:var(--gap-s) var(--gap-s);flex:1}.pagelist span{text-align:center;padding:var(--gap-s) var(--gap-s);flex:1}.pagelist span.current{font-weight:700}.pagelist a[href]{border:1px solid var(--link-border-color);text-decoration:none}.pagelist a[href]:hover{background-color:var(--link-background-color)}.error-page{padding:var(--gap-m)}.error-message{--background-color:oklch(from var(--raised-color) l calc(c + .1) 10);background-color:var(--background-color);margin:var(--gap-s) var(--gap-m);padding:var(--gap-s);border-left:5px solid oklch(from var(--background-color) calc(l + .1) c h);border-radius:4px}.form-field{gap:var(--gap-xs);flex-direction:column;display:flex}.form-field label{font-size:.9rem}