:root{--bg: #f4f4f4;--fg: #222;--muted: #666;--line: #ccc;--bar: #e2e2e2;--link: #0645ad;--open: #1a7f37;--closed: #666;--fixed: #0550ae;--danger: #a40e26;color-scheme:light}html[data-theme=dark]{--bg: #1b1b1b;--fg: #e6e6e6;--muted: #9a9a9a;--line: #3a3a3a;--bar: #2a2a2a;--link: #8ab4f8;--open: #7dcea0;--closed: #aaa;--fixed: #79b8ff;--danger: #f85149;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:var(--link)}button,input,textarea,select{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:var(--fg);background:var(--bg);border:1px solid var(--line)}button{cursor:pointer}.home{min-height:100vh;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif}.page{max-width:680px;margin:0 auto;padding:20px 16px 56px}.brand{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:22px;margin:0 0 12px}h2,h3{font-weight:400;font-size:16px;margin:12px 0 8px}.form label{display:flex;flex-direction:column;gap:3px}.checks label{display:inline-flex;flex-direction:row;align-items:center;gap:4px}.actions select{width:auto}.tools{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.filters{display:flex;gap:10px}.filters a.on{font-weight:700}.row{display:block;color:var(--fg);text-decoration:none;padding:7px 0;border-bottom:1px solid var(--line)}.row .ttl{color:var(--link)}.row:hover .ttl{text-decoration:underline}.sub{display:flex;align-items:center;gap:8px;margin-top:2px;color:var(--muted);font-size:12px}.who{display:inline-flex;align-items:center;gap:4px;color:var(--fg)}.ava{display:block;width:16px;height:16px}.st{font-size:12px;margin-right:6px}.st-open{color:var(--open)}.st-closed{color:var(--closed)}.st-fixed{color:var(--fixed)}.tag{border:1px solid var(--line);padding:0 4px;font-size:12px;margin-right:4px}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:13px}.body{white-space:pre-wrap;overflow-wrap:break-word;margin:0 0 16px;font-family:Arial,Helvetica,sans-serif}.cmt{border-top:1px solid var(--line);padding:8px 0}.form{display:flex;flex-direction:column;gap:6px;margin:12px 0}.form input,.form textarea,.form select{width:100%;padding:4px 6px}.form textarea{min-height:120px;resize:vertical}.checks{display:flex;gap:10px;flex-wrap:wrap}.err{color:var(--danger)}.muted{color:var(--muted)}.actions{display:flex;gap:8px;align-items:center}.danger{color:var(--danger)}.bar{position:fixed;left:0;right:0;bottom:0;height:34px;background:var(--bar);border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;font-family:Arial,Helvetica,sans-serif;font-size:13px;z-index:5}.who-wrap{position:relative;display:flex;align-items:center;gap:6px}.who-wrap>span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chev{width:22px;height:20px;padding:0;display:grid;place-items:center;background:var(--bar)}.menu{position:absolute;bottom:26px;left:0;background:var(--bg);border:1px solid var(--line);min-width:150px;padding:4px 0}.idline{padding:5px 10px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:5px 10px}.menu button:hover{background:var(--bar)}