*{box-sizing:border-box}body{color:#222;background:#fff;margin:0;font:14px Arial}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:#fff;border:1px solid #ccc;padding:7px 10px}button:disabled{opacity:.5}h1{margin:0 0 20px;font-size:18px;font-weight:600}.simple{grid-template-columns:210px minmax(0,1fr);height:100dvh;display:grid}.simple aside{border-right:1px solid #ddd;flex-direction:column;gap:12px;padding:20px 12px;display:flex}.simple nav{flex:1;overflow:auto}.note{text-align:left;overflow-wrap:anywhere;border:0;border-bottom:1px solid #eee;width:100%;padding:12px 4px}.simple section{flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.simple header{flex-wrap:wrap;gap:8px;display:flex}.simple header input{border:0;flex:1;min-width:100px;padding:8px;font-size:18px}.simple textarea{resize:none;border:1px solid #ddd;flex:1;width:100%;min-height:150px;padding:14px;line-height:1.6}.simple small{color:#777;min-height:16px}.simple p{color:#a00}.login{width:260px;margin:100px auto}.login form{gap:12px;display:grid}.login input{border:1px solid #ccc;padding:10px}@media (width<=600px){.simple{grid-template-columns:125px minmax(0,1fr)}.simple aside{padding:12px 6px}.simple section{padding:12px 8px}.simple header input{flex-basis:100%;width:100%}.simple textarea{font-size:16px}.simple button{padding:7px 5px}}