.topbar,#main,#notice{max-width:1000px;margin-left:auto;margin-right:auto}.topbar{padding-left:6px;padding-right:6px}#main{padding-bottom:120px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#tabs{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom)}dialog{width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 48px)}dialog.note-editor{height:min(760px,calc(100dvh - 48px))}dialog.note-editor[open]{display:flex;flex-direction:column}.settings-grid{grid-template-columns:1fr 1fr}@media(max-width:1060px){.topbar,#main,#notice{margin-left:24px;margin-right:24px}}@media(max-width:700px){.topbar{height:calc(80px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.topbar,#main,#notice{margin-left:20px;margin-right:20px}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:18px}.note{min-height:175px}h1{font-size:30px}.page-head{margin-top:26px}.page-head .primary{font-size:14px;padding:12px}.settings-grid{grid-template-columns:1fr}dialog,dialog.note-editor{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border:0;border-radius:0;padding:calc(16px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));overflow:auto}#tabs{gap:0;justify-content:space-around}#tabs a{padding:10px 14px}.login h1{font-size:40px}}@media(max-width:360px){.note-grid{grid-template-columns:1fr}.field-pair{grid-template-columns:1fr}}

.note{min-width:0}.page-head>div{min-width:0}.page-head>button{flex-shrink:0}.note h3{max-width:100%}#tabs{z-index:10}