*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-text:#1a1a18;--color-muted:#797979;--color-text-faint:#9c9c9c;--color-bg:#fff;--color-bg-soft:#f8f7f6;--color-border:#7c7c6e;--color-border-soft:#e6e6dd;--color-button:#000;--color-badge:#e63946;--color-danger:#c0392b;--color-danger-bg:#fdf2f2;--color-danger-border:#f5c6c6;--color-success:#2a8a4a;--font-heading:"Noto Sans JP",sans-serif;--font-body:"Noto Sans JP",sans-serif}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.7}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.4}a{color:var(--color-text);text-decoration:none}button{cursor:pointer}button,input,textarea{font-family:var(--font-body)}.container{margin:0 auto;max-width:640px;padding:0 24px}.btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:background .15s,border-color .15s}.btn:hover{background:var(--color-bg-soft)}.btn-primary{background:var(--color-button);border-color:var(--color-button);color:var(--color-bg);font-weight:600;transition:filter .15s}.btn-primary:hover{background:var(--color-button);filter:brightness(1.2)}.btn-primary:disabled{cursor:not-allowed;opacity:.2}.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-bg)}.input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;font-size:.9375rem;padding:12px 16px;transition:border-color .15s;width:100%}.input:focus{border-color:var(--color-text);outline:none}textarea.input{min-height:120px;resize:vertical}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.form-group .optional{color:var(--color-muted);font-weight:400}.material-symbols-outlined{display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}