*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#1c2320;background:#f6f7f5;min-height:100vh;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}.wrap{max-width:720px;margin:0 auto;padding:40px 24px}.wrap.center{justify-content:center;align-items:center;min-height:100vh;display:flex}.head{justify-content:space-between;align-items:baseline;margin-bottom:32px;display:flex}.brand{letter-spacing:.08em;color:#3d6b47;font-weight:700}.brand.big{margin-bottom:12px;font-size:22px;display:block}.who{color:#6b7280;font-size:12px}.title{margin-bottom:20px;font-size:18px}.grid{gap:12px;display:grid}.tile{color:inherit;background:#fff;border:1px solid #e3e6e2;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.tile:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1c232014}.mark{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.meta{flex-direction:column;gap:2px;display:flex}.name{font-weight:600}.desc{color:#6b7280;font-size:13px}.card{text-align:center;background:#fff;border:1px solid #e3e6e2;border-radius:16px;width:100%;max-width:380px;padding:40px}.button{color:#fff;background:#3d6b47;border-radius:10px;margin-top:20px;padding:12px;font-weight:600;text-decoration:none;display:block}.empty h1{margin-bottom:12px;font-size:18px}.empty p{color:#6b7280;font-size:14px;line-height:1.8}.foot{margin-top:28px}.link{color:#3d6b47;font-size:13px}