:root { color-scheme: light; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI","Meiryo",sans-serif; }
* { box-sizing: border-box; }
body { margin:0; background:#fff5fa; color:#281522; min-height:100vh; }
.move-app { width:min(720px,100%); margin:0 auto; padding:24px 18px 40px; }
.page { background:#fff; border:2px solid #f2b7d2; border-radius:22px; padding:24px 18px; box-shadow:0 8px 28px rgba(80,30,55,.10); }
h1 { margin:0 0 10px; text-align:center; font-size:clamp(1.55rem,6vw,2.2rem); line-height:1.35; }
.version { text-align:center; margin:0 0 20px; color:#6c5360; }
.notice { background:#fff1f7; border-radius:16px; padding:16px; line-height:1.8; }
.notice p { margin:.3em 0 .8em; }
.status { margin:18px 0; padding:12px; background:#f7f7f7; border-radius:12px; line-height:1.6; }
.home-actions { display:grid; gap:14px; }
.primary-button,.secondary-button { display:block; width:100%; border:0; border-radius:14px; padding:16px 14px; font-size:1.08rem; font-weight:700; text-align:center; text-decoration:none; cursor:pointer; }
.primary-button { background:#e83e8c; color:#fff; }
.secondary-button { background:#fff; color:#7a1746; border:2px solid #e83e8c; }
.button-element { margin-top:22px; }
.help { line-height:1.7; }
.character-list { display:grid; gap:14px; margin-top:18px; }
.character-card { display:grid; grid-template-columns:84px 1fr; gap:14px; align-items:center; border:1px solid #e8ccd9; border-radius:14px; padding:12px; }
.character-thumb { width:84px; height:84px; object-fit:contain; background:#eee; border-radius:10px; }
.character-info { min-width:0; }
.character-name { font-weight:700; margin:0 0 10px; }
.save-button { width:100%; border:0; border-radius:12px; padding:12px; background:#e83e8c; color:#fff; font-weight:700; font-size:1rem; }
.empty { padding:18px; text-align:center; background:#f7f7f7; border-radius:12px; }
@media (max-width:420px) { .character-card { grid-template-columns:70px 1fr; } .character-thumb { width:70px; height:70px; } }