@import "https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=Caveat:wght@500;700&display=swap";:root{color:#1d2230;background:#f6f7f9;font-family:Archivo,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:560px;margin:auto;padding:0 16px 40px}header{z-index:2;background:#f6f7f9;border-bottom:2px solid #1d2230;align-items:center;gap:12px;height:64px;display:flex;position:sticky;top:0}header strong,header:first-child{font-size:24px;font-weight:900}header span{text-transform:uppercase;margin-left:auto;font-size:12px}button,a,select,input{font:inherit}button{color:#fff;cursor:pointer;background:#2c3ea8;border:2px solid #1d2230;padding:11px 15px;font-weight:800;box-shadow:3px 3px #1d2230}button:active{box-shadow:none;transform:translate(3px,3px)}.dots{color:#1d2230;background:#fff;padding:7px 10px}.brand{color:#586074;font-size:12px}.headline{letter-spacing:.18em;margin:24px 0 12px;font-weight:900}.headline button{float:right;padding:2px 8px}.slip{background:repeating-linear-gradient(#f7c9d2 0 33px,#e39aaa 34px);border:2px solid #1d2230;margin:12px 0;padding:22px;box-shadow:3px 3px #1d2230}.note,.panel{text-align:left;color:#1d2230;background:#fff;border:2px solid #1d2230;width:100%;margin:12px 0;padding:15px;display:block;box-shadow:3px 3px #1d2230}.note time{float:right;color:#586074}.note p{margin-bottom:0}.panel h2{margin:0 0 8px}.meter{border:2px solid #1d2230;height:12px;margin:10px 0}.meter i{background:#2c3ea8;height:100%;display:block}.panel a,.stop{color:#2c3ea8}.panel select{width:100%;margin:8px 0;padding:10px;display:block}.panel button{margin:8px 8px 0 0}.offline{color:#fff;background:#1d2230;margin:10px -16px;padding:10px;font-size:14px}.login{padding-top:25px}.login .slip{margin-top:30px}.login h1{font-size:30px}.login label{display:block}.login input{border:2px solid #1d2230;width:100%;margin:8px 0 14px;padding:12px;display:block}.login small{margin-top:20px;display:block}.shade{z-index:4;background:#1d2230aa;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.detail,.sheet{width:min(100%,560px);max-height:90vh;overflow:auto}.detail h2{letter-spacing:.16em;font-size:15px}.close{float:right;color:#1d2230;background:#fff}.urgent{color:#d8352a;border:3px solid #d8352a;padding:4px}.detail audio{width:100%;margin:10px 0}.sheet button{margin-top:12px;display:block}.stop{margin:16px 0;display:inline-block}.empty{text-align:center}@media (width>=700px){main{padding-top:10px}.shade{align-items:center}}