*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#1f2937;background-color:#f1f5f9;font:15px/1.4 system-ui,Hiragino Sans,Noto Sans JP,sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}h1{margin:0;padding:16px 20px 10px;font-size:22px}.tabs{flex-wrap:wrap;gap:8px;padding:0 20px 12px;display:flex}.tabs button{white-space:nowrap;color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #d5dde6;border-radius:999px;flex:none;padding:6px 14px;font-family:inherit;font-size:14px}.tabs button:hover{color:#1f2937;border-color:#3ea8ff}.tabs button[data-on]{color:#fff;background-color:#3ea8ff;border-color:#3ea8ff;font-weight:600}.list{flex:1;min-height:0;overflow-y:auto}.rows{margin:0 20px}.rows>a{height:60px;color:inherit;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border-radius:12px;margin-bottom:8px;padding:10px 14px 0;font-weight:600;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f}.rows>a:after{content:attr(data-author);color:#6b7280;text-overflow:ellipsis;font-size:12px;font-weight:400;position:absolute;bottom:9px;left:14px;right:14px;overflow:hidden}.rows>a:hover{outline-offset:-2px;outline:2px solid #3ea8ff}footer{color:#6b7280;padding:8px 20px 12px;font-size:12px}footer a{color:inherit}