*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: hsl(0 0 0);--bg: hsl(0 0 5%);--bg-light: hsl(0 0 10%);--border-color: hsl(0 0 15%);--text: hsl(0 0 95%);--text-muted: hsl(0 0 70%);--blue: hsl(210 100 65%);--blue-bg: hsl(210 100 20%);--red: hsl(0 90 65%);--red-bg: hsl(0 90 20%);--hover-color: hsl(0 0 17%);--inactive: hsl(0 0 80%);--ff: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--h1: bold 1.25rem/1.4em var(--ff);--h2: bold 1rem/1.4em var(--ff);--p: 1rem/1.4em var(--ff);--p2: .875rem/1.4em var(--ff);--border-radius: 15px;--border-radius-sm: 7px}@media(prefers-color-scheme:light){:root{--bg-dark: hsl(210 100 90%);--bg: hsl(0 0 99%);--bg-light: hsl(0 0 100%);--border-color: hsl(0 0 90%);--text: hsl(0 0 5%);--text-muted: hsl(0 0 30%);--hover-color: hsl(0 0 95%);--blue: hsl(210 100 35%);--blue-bg: hsl(210 100 80%);--red: hsl(0, 80%, 50%);--red-bg: hsl(0 80 90%);--inactive: hsl(0 0 60%)}}body{background-color:var(--bg-dark);width:100%;height:100dvh;min-height:100dvh;color:var(--text);font-family:var(--ff);padding:.5rem;overflow-x:hidden}app-root{height:100%;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}header .icon,nav .icon{width:1.5rem;cursor:pointer}main{flex:1;background-color:var(--bg);border-radius:var(--border-radius)}header,main{padding:.75rem}h1{font:var(--h1)}h2{font:var(--h2)}p,button,span,label,a{font:var(--p2)}input{color:var(--text)}.title{font-size:2rem}.text-muted{color:var(--text-muted)}.icon{width:1rem}input,textarea{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);height:2.75rem;width:100%;padding:.5rem 1rem;resize:none;color:var(--text);font:var(--p2);font-size:16px}:is(input,textarea)::placeholder{color:var(--text-muted);font:var(--p2)}.row{display:flex}.noselect{-webkit-user-select:none;user-select:none}.noscroll{overflow:hidden}.red{color:var(--red)}.hidden{display:none}