:root{color:#1f2328;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fa;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.notice-list{background:#fff;border:1px solid #d0d7de;border-radius:8px;width:600px;max-height:256px;margin:0;padding:0;list-style:none;overflow:auto}.notice-list__row{border-bottom:1px solid #eef1f4;grid-template-columns:120px 1fr;align-items:start;gap:12px;padding:12px 16px;display:grid}.notice-list__row:last-child{border-bottom:none}.notice-list__row time{color:#57606a;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.notice-list__title{color:#1f2328;text-wrap:pretty;font-size:15px;line-height:1.5}.notice-list__empty{color:#57606a;text-align:center;background:#f6f8fa;border:1px dashed #d0d7de;border-radius:8px;width:600px;margin:0;padding:24px 16px}.notice-list__skeleton{background:linear-gradient(90deg,#eef1f4 25%,#f6f8fa 50%,#eef1f4 75%) 0 0/200% 100%;border-radius:4px;animation:1.2s ease-in-out infinite notice-skeleton;display:block}.notice-list__skeleton--date{width:88px;height:14px}.notice-list__skeleton--title{width:70%;height:15px}@keyframes notice-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.app{box-sizing:border-box;max-width:640px;margin:0 auto;padding:32px 20px 48px}.app h1{color:#1f2328;margin:0 0 16px;font-size:24px;font-weight:700}