nav{position:sticky;top:0;display:flex;align-items:stretch;justify-content:space-between;background-color:var(--bg);box-shadow:0 1px 10px var(--border);z-index:1000;font:var(--h2)}#nav-left-items,#nav-mid-items,#nav-right-items{display:flex}#nav-menu{position:absolute;top:100%;right:0;display:flex;flex-direction:column;width:fit-content;gap:.1em;box-shadow:-2px 2px 4px var(--border);z-index:900;background-color:var(--bg);font:var(--h3)}a{cursor:pointer;padding:0 1em}a:hover{background-color:var(--primary);color:var(--bg-light)}nav button{cursor:pointer;border-radius:0;border:0}button:hover{background-color:var(--primary);color:var(--bg-light)}#app{min-height:100vh;height:100%;display:block;background-color:var(--bg);color:var(--text)}#hero{padding:0 1em}h1{font:var(--h1)}h2{font:var(--h2)}h3{font:var(--h3)}p{font:var(--p)}button{all:unset;position:relative;padding:.2em .5em;border-radius:5px;border:2px solid var(--border-muted)}#home{padding:2em 0 0}hr{border:0;height:.05em;background:var(--border);margin:1.5rem 0}#t-hr{margin:.3rem 0 .5rem}#all-message-view{border-left:2px solid var(--border);padding:0 .5em;height:100%;margin:1em 0 0}.card{position:relative}.message{background-color:var(--bg-dark);border-radius:5px;padding:.5em 1em;border:3px solid var(--border)}.created-at{position:absolute;bottom:-.3em;right:0;margin-right:1.5rem;padding:0 .5em;background-color:var(--bg)}#create-message{position:sticky;bottom:0;left:0;height:fit-content;width:100%;background-color:var(--bg)}form{height:100%;width:100%;display:flex;flex-direction:column;gap:.5em}#title-and-post{display:flex;width:100%;height:fit-content;padding:.5em 0 .2em;gap:.5em}form input{all:unset;flex-grow:1;padding:.2em .5em;border:3px solid var(--border-muted);border-radius:5px}form input:focus{border:3px solid var(--border)}form textarea{all:unset;height:100%;padding:.2em .5em;min-height:75px;border:3px solid var(--border-muted);border-radius:5px;margin-bottom:20px}form textarea:focus{border:3px solid var(--border)}*{padding:0;margin:0;box-sizing:border-box}body{background-color:var(--bg)}:root{--ff: Arial, Helvetica, sans-serif;--ff2: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--p: 1rem/1.5em var(--ff);--h1: 600 3rem/1.2em var(--ff2);--h2: 600 2rem/1.2em var(--ff2);--h3: 400 1.5rem/1.2em var(--ff);--bg-dark: oklch(.1 .02 340);--bg: oklch(.15 .02 340);--bg-light: oklch(.2 .02 340);--text: oklch(.96 .04 340);--text-muted: oklch(.76 .04 340);--highlight: oklch(.5 .04 340);--border: oklch(.4 .04 340);--border-muted: oklch(.3 .04 340);--primary: oklch(.76 .1 340);--secondary: oklch(.76 .1 160);--danger: oklch(.7 .05 30);--warning: oklch(.7 .05 100);--success: oklch(.7 .05 160);--info: oklch(.7 .05 260)}body.light{--bg-dark: oklch(.92 .065 311);--bg: oklch(.96 .065 311);--bg-light: oklch(1 .065 311);--text: oklch(.15 .13 311);--text-muted: oklch(.4 .13 311);--highlight: oklch(1 .13 311);--border: oklch(.6 .13 311);--border-muted: oklch(.7 .13 311);--primary: oklch(.4 .13 311);--secondary: oklch(.4 .13 131);--danger: oklch(.5 .13 30);--warning: oklch(.5 .13 100);--success: oklch(.5 .13 160);--info: oklch(.5 .13 260)}