:root{color:#111;font-synthesis:none;background:#f3f3f1;font-family:Arial,Noto Sans Hebrew,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}.app{max-width:760px;min-height:100vh;margin:auto;padding-bottom:84px}.app>header{z-index:4;color:#fff;background:#111;border-bottom:1px solid #333;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.app header h1{margin:0;font-size:19px}.app header p{color:#aaa;margin:3px 0 0;font-size:12px}.mark{border:2px solid;border-radius:50%;place-items:center;width:52px;height:52px;font:700 30px Georgia;display:grid}.mark.small{width:38px;height:38px;font-size:22px}.live{color:#c9ffb8;margin-inline-start:auto;font-size:12px}.filters{justify-content:space-between;align-items:center;padding:15px 16px 8px;display:flex}.filters select{background:#fff;border:1px solid #bbb;border-radius:4px;padding:9px}.noticeFilters{grid-template-columns:repeat(2,1fr);gap:6px;padding:12px 14px 2px;display:grid}.noticeFilters>*{background:#fff;border:1px solid #aaa;min-width:0;padding:8px}.noticeFilters button{color:#fff;background:#111}.list{gap:10px;padding:8px 14px;display:grid}.card,.notice{background:#fff;border:1px solid #d4d4d0;border-right:5px solid #111;position:relative;box-shadow:0 2px 5px #0000000c}.card.read,.notice.read{opacity:.72;border-right-color:#aaa}.cardMain,.notice>button:first-child{text-align:right;width:100%;color:inherit;background:0 0;border:0;padding:15px}.card h2,.notice h2{margin:10px 0 6px;font-size:17px}.card time,.notice time{color:#666;font-size:12px}.source,.status{border:1px solid #111;margin-left:6px;padding:3px 7px;font-size:11px;display:inline-block}.status.resolved{color:#666;border-color:#aaa}.details{border-top:1px solid #ddd;padding:14px}.details dl{margin:0}.details dl div{border-bottom:1px solid #eee;grid-template-columns:120px 1fr;padding:7px 0;display:grid}.details dt{color:#777}.details dd{word-break:break-word;margin:0}.details textarea{width:100%;min-height:70px;margin-top:5px}.actions{gap:8px;margin-top:10px;display:flex}.actions button,.settings button,.login button{color:#fff;background:#111;border:0;border-radius:3px;padding:11px 14px}.notice p{margin:0 0 7px}.notice .remove{background:0 0;border:0;font-size:24px;position:absolute;top:8px;left:8px}.empty{text-align:center;color:#777;padding:60px 10px}.settings{padding:20px 16px}.settings h2{margin-top:26px}.settings button{margin:4px}.help{border:1px solid #111;padding:12px}.health{background:#fff;border-bottom:1px solid #ddd;grid-template-columns:1fr auto;padding:14px;display:grid}.health small{color:#666;grid-column:1/3;margin-top:6px}nav{max-width:760px;height:72px;padding-bottom:env(safe-area-inset-bottom);z-index:5;background:#111;grid-template-columns:repeat(4,1fr);margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}nav button{color:#aaa;background:0 0;border:0;padding:8px 3px;font-size:12px;position:relative}nav button.active{color:#fff;border-top:3px solid #fff}nav b{color:#111;background:#fff;border-radius:10px;margin-right:4px;padding:2px 6px}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login form{background:#fff;border:1px solid #ccc;width:min(400px,100%);padding:32px}.login .mark{margin:auto}.login h1,.login p{text-align:center}.login label{margin:18px 0;display:block}.login input{border:1px solid #888;width:100%;margin-top:6px;padding:12px;display:block}.login button{width:100%}.login button.secondary{color:#111;background:#fff;border:1px solid #111;margin-top:9px}.error{color:#8b0000}.splash{place-items:center;height:100vh;font-size:70px;display:grid}@media (width>=700px){.noticeFilters{grid-template-columns:repeat(6,1fr)}.list{grid-template-columns:repeat(2,1fr)}.details{grid-column:1/-1}}
