*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}:root{--color-bg:#fafaf8;--color-card:#fff;--color-bg-secondary:#f5f5f2;--color-accent:#e8735a;--color-accent-hover:#d4614a;--color-text:#333;--color-text-sub:#888;--color-text-hint:#bbb;--color-border:#eee;--color-accent2:#5b9bd5;--color-nono:#ebf4fb;--color-sora:#e5f8f5;--color-mimi:#f5eef8;--color-haru:#eef9f0;--color-yui:#fdf0ed;--color-kenji:#eaf3fc;--color-saki:#fbf0f5;--color-takumi:#edf8f2;--font-family:"Hiragino Sans", "Yu Gothic", sans-serif;--font-size-body:15px;--font-size-comment:14px;--font-size-sub:13px;--line-height-body:1.7;--line-height-comment:1.65;--max-width:480px;--card-padding:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}#root{max-width:var(--max-width);min-height:100vh;margin:0 auto}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer}input,textarea{font-family:var(--font-family)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s forwards fadeUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}